@media (min-width: 1400px) {
    .container {max-width: 1300px;}
}
@media (max-width: 1680px) {
    .banner_section {padding: 40px 0px 90px;}
    .banner_section .banner_image {width: 700px;}
}
@media (max-width: 1439px) {
    .custom_nav #navbarSupportedContent ul {gap: 30px;}
    .custom_nav .right_column {gap: 20px;}
    .custom_nav .right_column img {width: 22px;}
    .banner_section h3 {font-size: 34px;line-height: normal;}
    .banner_section .banner_image {top: 10px;max-width: 600px;}
    .banner_section p, .banner_section ul li {font-size: 16px;}
    .commit_section .our_commit {grid-template-columns: repeat(3,1fr);}
    .why_section .head_title p {font-size: 18px;line-height: 175%;margin-bottom: 30px;}
    .bottom_shape {bottom: 20px;}
    .banner_section #submitForm span.input_info {font-size: 9px;}
}
@media (max-width: 1199px) {
    .custom_nav #navbarSupportedContent ul.submenu.show {top: 90px;width: 98%;gap: 15px;}
    .navbar-brand img {width: 120px;}
    .banner_section {padding: 30px 0px 70px;}
    .custom_nav #navbarSupportedContent ul, .custom_nav .right_column {gap: 12px;}
    .custom_nav #navbarSupportedContent ul li a, .custom_nav .right_column p a {font-size: 15px;}
    .theme_button {padding: 8px 20px;font-size: 16px;}
    .banner_section h3 {font-size: 28px;}
    .banner_section .banner_image {max-width: 100%;position: relative;border-top-right-radius: 20px;}
    .commit_section {background: #f2f4f8;border-radius: 0 0 0 100px;padding: 50px 0px;}
    .commit_section .bottom_shape {bottom: -20px;}
    .why_section {padding: 70px 0px 0px;}
    .why_section .button_grp .blue_button, .why_section .button_grp .white_button {padding: 15px 45px;}
    .payment_section .columns .column_left, .payment_section .columns .column_right {padding: 40px;}
    .bg_image {padding-top: 280px;margin-top: -180px;}
     #customer_carousel .quote {margin: 40px 0px;}
     .blog_section .blogs {gap: 20px;margin-top: 40px;}
     .blog_section .blog h5 {font-size: 18px;}
     .support_section .head_title {padding: 50px 0px;}
     footer h5 {font-size: 24px;}
     footer .subscribe form input {font-size: 18px;padding: 15px 150px 15px 15px;}
     .footer_bottom {padding: 15px 0px;}
     footer .subscribe {padding-right: 10px;margin-top: 20px;}
     .title_section p {padding-right: 20px;margin: 5px 0px 0px;}
     .why_page .why_section.time_section {padding-bottom: 100px;}
     /*.why_page .why_section.reputation_section {padding: 240px 0px 60px;}*/
     .price_table .table .main_head th {font-size: 26px;line-height: 36px;}
     .price_table .table .head th, .price_table .table td {font-size: 18px;}
     .price_table .table td.time {font-size: 24px;}
     .blog_page .why_section, .order_section {padding: 50px 0px;}
     .blog_page .blog_section .blogs {grid-template-columns: repeat(2,1fr);}
     .blog_page .blog_section .blog .content {margin-top: 25px;}
     .blog_detail .head_title {max-width: 80%;}
     .how_order_ .order_points {gap: 40px;}
     .how_order_ .order_points .each_point {padding: 15px;}
     .how_order_ .order_points .each_point .count_view {height: 160px;width: 160px;padding: 40px;}
     .bottom_shape {bottom: 10px;}
     .home_bottom h2 {font-size: 28px;padding: 0px 5% 30px;}
     .home_bottom .columns_ {gap: 30px;}
     .home_bottom h4, .home_bottom h3 {font-size: 24px}
     .home_bottom .home_bottom_content {padding: 0px;}
     .refund_section.commit_section {padding: 50px 0px;}
}
@media (max-width: 1024px) {
    .reviews_section .reviews {gap: 30px;}
    .reviews_section .reviews .review .content {padding: 10px 30px 30px;}
    .reviews_section .reviews .review p {margin-bottom: 15px;}
    .reviews_section .reviews .review p, .reviews_section .reviews .review h6 {font-size: 18px;line-height: 24px;}
    .reviews_section .reviews .review .quote {bottom: -20px;width: 70px;}
    .reviews_section {padding: 50px 0px 80px;}
    .reviews_section .button_grp {margin-top: 80px;}
}
@media (max-width: 991px) {
    .banner_section h3 {font-size: 25px;margin-bottom: 10px;}
    .banner_section h4 {font-size: 15px;}
    .services_points {grid-template-columns: repeat(2,1fr);gap: 30px;}
    .services_points .each_point:after {bottom: -15px;}
    .custom_nav #navbarSupportedContent ul.submenu.show {padding: 10px 0;flex-direction: column;height: 50vh;overflow: scroll;}
    .custom_nav #navbarSupportedContent ul.submenu li span {font-size: 18px;margin: 0px;}
    .custom_nav #navbarSupportedContent ul.submenu li a {padding: 5px 8px;}
    .customer_section {margin-top: 70px;}
    .custom_nav #navbarSupportedContent ul {padding-top: 15px;}
    .custom_nav .right_column {margin: 15px 0px;}
    .navbar-brand img {width: 100px;}
    .head_title h4 {font-size: 32px;}
    .banner_section p, .banner_section ul li {padding: 4px 12px;font-size: 15px;}
    .button_grp a.white_button, .button_grp a.blue_button {padding: 17px 30px;}
    .commit_section {border-radius: 0 0 0 60px;}
    .commit_section .head_title {padding: 0px 50px 50px;}
    .commit_section .our_commit {grid-template-columns: repeat(2,1fr);gap: 30px;}
    .commit_section .each_commit h5 {font-size: 18px;}
    .why_section .columns, .payment_section .columns {grid-template-columns: repeat(1,1fr);gap: 30px;}
    .bg_image {padding-top: 250px;}
    .refund_section.commit_section .our_commit {grid-template-columns: repeat(2,1fr);}
    .payment_section {padding-bottom: 50px;}
    .blog_section .blogs {grid-template-columns: repeat(2,1fr);}
    .support_section .head_title {padding: 40px 0px;}
    footer {padding: 60px 0px 60px;}
    footer .footer_columns {gap: 30px;}
    footer .footer_columns .column1 {width: 100%;}
    footer .footer_columns  ul {margin: 0px;}
    footer ul li {padding-bottom: 12px;}
    footer h6 {margin-bottom: 20px;}
    .blog_section {margin: 70px 0px;}
    .title_section h1 {font-size: 38px;line-height: 50px;}
    .why_page .why_section.time_section {padding-top: 170px;margin-top: -100px;}
    .price_table {padding: 50px 0px;}
    .price_table .table .main_head th {font-size: 22px;line-height: 24px;padding: 10px;}
    .price_table .table .head th, .price_table .table td {padding: 12px 10px;}
    .price_table .table td.time {font-size: 20px;}
    .price_table .table .head th, .price_table .table td {font-size: 16px;}
    .blog_page .blog_section .blog .content h5 {font-size: 22px;margin: 10px 0px;}
    .blog_page .blog_section .blog .content .date, .blog_page .blog_section .blog .content p {margin-bottom: 10px;}
    .blog_page .why_section {padding: 40px 0px;}
    .blog_detail {padding: 70px 0px 70px;}
    .blog_detail .detail_image {padding-bottom: 40px;margin-bottom: 40px;}
    .blog_detail .detail_content .content_wraper .nex_prev a {font-size: 25px;}
    .blog_detail .detail_content .content_wraper .nex_prev a img {width: 10px;}
    .how_order_ .order_points {grid-template-columns: repeat(2,1fr);gap: 30px;}
    .how_order_ .order_points .each_point:after {display: none;}
    .how_order_ .order_points .each_point .count {font-size: 40px;}
    .home_bottom {padding: 40px 0px;}
    .home_bottom h2  {padding: 0px 0 30px;}
    .home_bottom .columns_ {grid-template-columns: 1fr;gap: 20px;}
    .home_bottom .columns_ .right_column {padding: 10px;}
    .home_bottom h5 {font-size: 20px;margin-top: 30px;}
    .home_bottom p {margin-bottom: 20px;}
}
@media (max-width: 767px) {
    .title_section {padding: 20px 0px;}
    .title_section.small_title {padding: 20px 0px;}
    .services_points {grid-template-columns: repeat(1,1fr);}
    .services_points .each_point {gap: 10px;padding: 10px;}
    .services_points .each_point h4 {font-size: 18px;}
    .services_points .each_point img {min-width: 40px;}
    .commit_section {padding: 40px 0px;}
    .commit_section .head_title p {text-align:left;}
    .custom_nav {padding: 5px 0px;}
    .customer_section {margin-top: 50px;}
    .banner_table {margin-top: 30px;padding: 0px;}
    .banner_table h4 {font-size: 20px;}
    .banner_table table td {padding: 5px 10px;}
    .banner_section {padding: 30px 0px 50px;background-position: -50px;}
    .banner_section .container, .title_section .container {max-width: 100%;}
    .reviews_section {padding: 50px 0px 50px;}
    .reviews_section .button_grp {margin-top: 60px;}
    .reviews_section .reviews {grid-template-columns: repeat(1,1fr);gap: 20px;}
    .reviews_section .reviews .review .quote {bottom: -10px;width: 50px;}
    .reviews_section .reviews .review .content {padding: 10px 20px 20px;}
    .review_page .title_section h1 {font-size: 40px;line-height: 50px;}
    .review_page .title_section p {font-size: 16px;line-height: 145%;}
    .commit_section .head_title {padding: 0px 0px 30px;}
    .bottom_shape {left: 80px;bottom: -10px;}
    .button_grp a {font-size: 15px;}
    .button_grp a.blue_button {padding: 14px 22px;}
    .button_grp a.blue_button img {width: 16px;}
    .head_title h4 {font-size: 28px;}
    .bottom_border:after {margin: 18px auto;}
    .bottom_border1:after, .bottom_border2:after {margin: 18px 0;}
    .why_section {padding: 60px 0px 0px;}
    .top_shape {top: -20px;}
    .why_section .head_title p {font-size: 16px;line-height: 145%;margin-bottom: 20px;}
    .why_section .button_grp .blue_button, .why_section .button_grp .white_button, .button_grp a.white_button, .customer_section .button_grp a.blue_button {padding: 14px 30px;}
    .payment_section .columns .column_left, .payment_section .columns .column_right {padding: 20px;}
    .payment_section .head_title h4 {font-size: 24px;}
    .support_section {background: var(--theme_color_2);padding: 40px 0px;}
    .support_section .head_title {padding: 20px 0px 0px;}
    .blog_section {margin: 50px 0px;}
    .payment_section {padding-bottom: 40px;}
    #customer_carousel {margin-bottom: 30px;}
    #customer_carousel .quote {margin: 20px 0px;width: 40px;}
    #customer_carousel .carousel-content {width: 100%;}
    #customer_carousel .carousel-content p {font-size: 20px;}
    #customer_carousel .carousel-content h5 {font-size: 18px;margin: 20px 0px 30px;}
    .bg_image {padding-top: 230px;}
    .why_page .why_section.time_section {background: url(../images/commitment-bg.svg) no-repeat left -40px bottom;background-size: cover;margin-top: -130px;padding-bottom: 70px;}
    .title_section p {font-weight: 400;font-size: 16px;line-height: 165%;padding-right: 0;margin:0px;}
    .price_table, .order_section {padding: 40px 0px;}
    .price_table .table td.time {font-size: 18px;}
    .price_table .table .main_head th {padding: 8px;}
    .blog_page .blog_section .blogs {grid-template-columns: repeat(1,1fr);}
    .blog_page .blog_section .blog .content h5 {font-size: 20px;}
    .blog_page .blog_section .blog {text-align: left;}
    .footer_bottom .copyright p {font-weight: 500;}
    .blog_detail {padding: 50px 0px;}
    .blog_detail .head_title {max-width: 100%;}
    .blog_detail .social {margin: 15px 0px 30px !important;}
    .blog_detail .social ul li a img {width: 32px;}
    .blog_detail .detail_image {padding-bottom: 15px;}
    .blog_detail .detail_content .content_wraper .nex_prev a {font-size: 20px;}
    .blog_detail .detail_content .content_wraper .nex_prev {margin-top: 30px;}
    .title_section h1 {font-size: 28px;line-height: 40px;}
    .blog_section .blog img {height: 220px;}
    .blog_page .blog_section .blog img {height: 280px;}
    .how_order_ .order_points {grid-template-columns: repeat(1,1fr);gap: 20px;}
    .how_order_ .order_points .each_point .count_view {height: 120px;width: 120px;padding: 20px;margin-bottom: 20px;}
    .home_bottom, .refund_section.commit_section {padding: 30px 0px;}
    .home_bottom h2 {font-size: 24px;padding: 0px 0 20px;}
    .home_bottom h4, .home_bottom h3 {font-size: 20px;}
    .home_bottom h5 {font-size: 18px;margin-top: 20px;padding: 5px 10px;}
    footer {padding: 50px 0px;}
    .order_section form, .summary-details, .total_price {padding: 20px;}
}
@media (max-width: 600px) {
    .head_title h4 {font-size: 26px;}
    .commit_section .our_commit, .commit_section .our_commit, .payment_section .columns, .refund_section.commit_section .our_commit, .blog_section .blogs, .why_section .columns {grid-template-columns: repeat(1,1fr);gap: 20px;}
    .banner_section {padding: 30px 0px;}
    .commit_section .head_title {padding: 0px 0px 20px;}
    .commit_section {background: #f2f4f8;border-radius: 0px 0px 0px 50px;}
    .commit_section .each_commit h5 {font-size: 18px;line-height: 145%;}
    .bg_image {padding-top: 190px;margin-top: -150px;}
    .blog_section .bottom_border1:after {margin: 18px auto;}
    .blog_section .blog {text-align: center;}
    .blog_section .blog h5 {font-size: 18px;}
    .blog_section .head_title {text-align: center;}
    .blog_section .head_title h4, .blog_section .head_title .button_grp {width: 100%;text-align: center;justify-content: center;}
    footer {padding: 40px 0px;}
    footer h5 {font-size: 20px;}
    footer h6 {font-size:18px;}
    footer ul.quick_link, footer ul {grid-template-columns: repeat(1,1fr);margin: 0px;}
    footer ul li {padding-bottom: 12px;}
    footer .footer_columns {gap:0px}
    footer .footer_columns .column {width: 100%;margin-bottom: 20px;}
    footer .footer_columns .column:last-child {margin:0px;}
    footer .subscribe {padding-right: 0;}
    footer .subscribe form input {font-size: 16px;padding: 12px 150px 12px 12px;}
    .footer_bottom {padding: 12px 0px;}
    .footer_bottom .social {margin: 0 auto 5px;}
    .footer_bottom .social ul li {width: 30px;height: 30px;line-height: 30px;}
    .footer_bottom .social ul li a img {width: 12px;height: 12px;}
    footer .subscribe form button {font-size: 15px;padding: 0px 20px;}
    .reviews_section .reviews .review p, .reviews_section .reviews .review h6 {font-size: 16px;}
    .reviews_section .reviews .review .quote {width: 40px;}
    .reviews_section {padding: 40px 0px;}
    .reviews_section .button_grp {margin-top: 40px;}
    .review_page .title_section h1 {font-size: 32px;line-height: 40px;}
    .why_page .why_section.time_section {padding-bottom: 50px;}
    .blog_detail {padding: 40px 0px;}
    .blog_detail .detail_content .content_wraper .nex_prev a {font-size: 18px;}
    .blog_detail .detail_content .content_wraper .nex_prev a img {width: 8px;}
}
@media (max-width: 575px) {
     #customer_carousel .carousel-content p {font-size: 18px;} 
     footer .subscribe form input {padding: 10px 140px 10px 10px;}
    .review_page .title_section h1 {font-size: 28px;}
    .why_section.stress .column-left, .why_section.reputation_section .column-left, .why_section.customize_section .column-left {margin-top: 20px;}
    .blog_detail .detail_image {padding-bottom: 0px;}
    .how_order_ .order_points .each_point p {gap: 10px;}
    .how_order_ .order_points .each_point .count {font-size: 28px;}
    .order_section form .deadline_inputs {gap: 20px;flex-direction: column;}
    .order_section form .qty {width: 70px;gap:10px}
}
@media (max-width: 480px) {
    img.payment {width: 180px;}
    .banner_section h3 {font-size: 20px;}
}