@media (min-width: 1200px) {
    .container {
        width: auto;
        max-width: 1550px;
        padding-left: 3rem;
        padding-right: 3rem;
    }
    .work .container {
        max-width: 1550px;
    }
}

@media screen and (min-width: 2200px){
    .home_banner {
        background-image: url(../images/home_bg.svg);
        background-size: contain;
        background-position: center center;
        height: 690px;
        margin-top: -112px;
        background-repeat: no-repeat;
        }
}

@media screen and (min-width: 1024px) and (max-width: 1200px) {
    .signin button {
        white-space: nowrap;
        height: 60px;
    }
    .order_1 {
        order: 1;
    }
    .order_2 {
        order: 2;
    }
    .pro_text_inner {
        text-align: center;
        margin-top: 35px;
    }
    .tec_inner {
        display: inline-block;
        flex-direction: row;
        width: 25%;
        float: left;
        margin-bottom: 10px;
    }
    .technology {
        display: block;
        justify-content: space-around;
        margin-top: 30px;
    }
    .testimonal a svg {
        margin-bottom: 35px;
    }
    .testimonal:before {
        height: 404px;
    }
    .up_inner h5 {
        font-size: 15px;
    }
    .up_inner p {
        font-size: 14px;
    }
    .blue_bg .img {
        display: none;
    }
    .d_flex {
        flex-direction: column;
    }
    a.green_button {
        margin-top: 15px;
    }
    .faq_inner h3 {
        display: flex;
    }
    .faq_inner p {
        margin-left: 33px;
    }
    .testimonal.new_bg:before {
        height: 170px;
    }
    .banner_blue p {
        font-size: 22px;
        line-height: 38px;
    }
}

@media screen and (min-width:768px) and (max-width: 991px) {
    .search {
        margin-right: 0px;
    }
    .search input {
        width: 160px !important;
    }
    .d_none {
        display: none;
    }
    li.nav-item {
        margin-right: 10px;
    }
    .signin button {
        height: 77px;
    }
    .buy_button a {
        font-size: 21px;
        line-height: 29px;
        padding: 12px;
    }
    .home_banner p {
        font-size: 16px;
        line-height: 32px;
    }
    .blue_bg .img {
        display: none;
    }
    .pro_buttton {
        flex-direction: column;
    }
    .home_pro {
        background-color: #f8f9fa;
        padding-left: 2rem;
        padding-right: 2rem;
        padding-top: 3rem;
        padding-bottom: 0;
    }
    p.yello_text {
        margin-top: 15px;
    }
    .order_1 {
        order: 1;
    }
    .order_2 {
        order: 2;
    }
    .pro_text_inner {
        margin-top: 30px;
        text-align: center;
    }
    .tec_inner {
        display: inline-block;
        flex-direction: row;
        width: 25%;
        float: left;
        margin-bottom: 20px;
    }
    .technology {
        display: block;
    }
    .work {
        padding-left: 1rem;
        padding-right: 1rem;
        padding-bottom: 2rem;
    }
    .work h2 {
        font-size: 28px;
    }
    .blog {
        background-color: #f8f9fa;
        padding-left: 2rem;
        padding-right: 2rem;
    }
    .blog_inner p {
        font-size: 14px;
    }
    .d_flex {
        flex-direction: column;
    }
    .blue_background {
        background-color: #1864ab;
        padding-left: 2rem;
        padding-right: 2rem;
        padding-top: 3rem;
        padding-bottom: 3rem;
    }
    a.green_button {
        font-size: 21px;
        padding: 17px;
    }
    .up_inner {
        overflow: hidden;
    }
    .upgrade_section .order_1 {
        order: 1;
    }
    .upgrade_section .order_2 {
        order: 2;
    }
    .upgrade_section .order_3 {
        order: 3;
    }
    .upgrade_section .container {
        padding: 0px;
        overflow: hidden;
    }
    .testimonal:before {
        height: 389px;
    }
    .testimonal a svg {
        height: 47px;
        margin-bottom: 40px;
    }
    .order-1 {
        order: 2;
    }
    .order-2 {
        order: 1;
    }
    footer .footer_bottom {
        text-align: center;
    }
    footer .footer_bottom p.text-right {
        text-align: center !important;
        margin-bottom: 10px;
    }
    .home_banner {
        margin-top: -124px;
    }
    .banner_blue {
        margin-top: -127px;
    }
    .banner_blue h1 {
        font-size: 44px;
    }
    .banner_blue p {
        font-size: 17px;
        line-height: 38px;
    }
    .faq_inner p {
        margin-left: 0;
    }
    .faq_section {
        padding-left: 2rem;
        padding-right: 2rem;
    }
    .testimonal.new_bg:before {
        height: 188px;
    }
}

@media screen and (max-width: 767px) {
    div.navbar-collapse.show {
        transition: 1s ease;
        left: 0px;
    }
    div.navbar-collapse {
        position: fixed;
        width: 285px;
        z-index: 999;
        background-color: #212529;
        top: 0;
        left: -300px;
        height: 100%;
        transition: 1s ease;
    }
    form.form-inline.search.my-2.my-lg-0 {
        display: none;
    }
    .navbar-dark .navbar-nav .nav-link i {
        display: inline-block;
        margin-right: 10px;
    }
    li.nav-item {
        margin-right: 0;
        padding: 10px 20px;
    }
    .signin button span {
        display: none;
    }
    .signin button {
        height: auto;
    }
    header {
        padding: 10px 0;
        position: relative;
        z-index: 99;
    }
    .navbar-dark .navbar-toggler {
        border-color: transparent;
        outline: none;
    }
    .footer_top {
        padding: 42px 21px 20px !important;
    }
    footer .footer_bottom {
        text-align: center;
        padding: 28px 19px;
    }
    footer .footer_bottom p.text-right {
        text-align: center !important;
        margin-bottom: 10px;
    }
    .order-1 {
        order: 2;
    }
    .order-2 {
        order: 1;
    }
    li.nav-item.active {
        background-color: #000;
    }
    .home_banner h1 {
        font-size: 36px;
    }
    .home_banner p {
        font-size: 20px;
    }
    .buy_button a {
        margin-bottom: 10px !important;
        margin: 0;
        padding: 16px;
        font-size: 22px;
        line-height: 29px;
    }
    .home_pro {
        padding-left: 0;
        padding-right: 0;
        padding-top: 3rem;
        padding-bottom: 3rem;
    }
    .blue_bg .img {
        display: none;
    }
    .pro_buttton {
        flex-direction: column;
    }
    .blue_bg {
        background-color: #183153;
        padding: 10px 25px 20px;
    }
    a.yellow {
        font-size: 12px;
        margin-bottom: 10px;
    }
    p.yello_text {
        text-align: center;
    }
    .order_1 {
        order: 1;
    }
    .order_2 {
        order: 2;
    }
    .pro_text_inner h3 {
        font-size: 25px;
        text-align: center;
        margin-top: 20px;
    }
    .pro_text_inner p {
        font-size: 17px;
        text-align: justify;
        text-align-last: center;
    }
    a.blue_button {
        background-color: #228be6;
        font-size: 14px;
    }
    .pro_text_inner {
        text-align: center;
    }
    .work {
        padding-left: 1rem;
        padding-right: 1rem;
        padding-top: 2rem;
        padding-bottom: 2rem;
    }
    .work h2 {
        font-size: 24px;
    }
    .tec_inner {
        display: inline-block;
        width: calc(100%/2);
        float: left;
        padding: 10px 0px;
    }
    .technology {
        display: block;
    }
    .blog {
        background-color: #f8f9fa;
        padding-left: 1rem;
        padding-right: 1rem;
        padding-top: 3rem;
        padding-bottom: 1rem;
    }
    .blog_inner {
        min-height: 200px;
        margin-bottom: 10px;
    }
    .blog_inner p {
        font-size: 14px;
        line-height: 24px;
    }
    .blue_background {
        padding-left: 1rem;
        padding-right: 1rem;
        padding-top: 3rem;
        padding-bottom: 3rem;
    }
    .d_flex {
        flex-direction: column;
    }
    .blue_background h4 {
        font-size: 30px;
        margin-bottom: 20px;
    }
    a.green_button {
        font-size: 20px;
        padding: 18px;
    }
    .upgrade_section .container {
        padding: 0;
        overflow: hidden;
    }
    .up_inner h5 {
        font-size: 19px;
        text-align: left;
    }
    .up_inner p {
        font-size: 16px;
        text-align: left;
    }
    .testimonal:before {
        height: 350px;
    }
    .testimonal {
        padding-left: 1rem;
        padding-right: 1rem;
    }
    .testimonal a svg {
        height: 50px;
        padding: 10px 0px;
    }
    .testimonal h4 {
        font-size: 18px;
    }
    .cust_pad {
        padding-top: 20px;
    }
    .home_banner p {
        font-size: 19px;
        line-height: 32px;
    }
    p.font_small a {
        display: block;
    }
    p.font_small i {
        display: none;
    }
    .home_banner p {
        font-size: 17px;
        line-height: 32px;
        margin-top: 9px;
    }
    p.font_small a {
        color: #fff;
        text-decoration: none;
    }
    .banner_blue h1 {
        font-size: 32px;
        line-height: 48px;
    }
    .banner_blue p {
        font-size: 16px;
        line-height: 38px;
    }
    .plan_main_div {
        margin-top: 0px;
        flex-direction: column;
    }
    .plan_main_div .popular {
        /* margin-left: 80px; */
        margin-left: 14%;
        margin-top: 30px;
    }
    .plan {
        width: 75%;
        /* margin-left: 80px; */
        margin-left: 14%;
        margin-top: 30px;
        outline-offset: 25%;
    }
    .faq_inner p {
        margin-left: 0;
    }
    .faq_section {
        padding-left: 1rem;
        padding-right: 1rem;
    }
    .faq_inner h3 {
        display: flex;
        flex-direction: column;
    }
    .faq_inner h3 i {
        margin-bottom: 15px;
    }
    .blog.padding_top {
        padding-top: 4rem;
    }
    .faq_inner {
        margin-bottom: 40px;
    }
    .testimonal.new_bg:before {
        height: 207px;
    }
    .faq_inner h3 i {
        font-size: 40px;
    }
    .modal-body iframe {
        width: 100%;
    }
    .modal-title {
        font-size: 18px;
    }
}

@media screen and (min-width: 280px) and (max-width: 320px) {

    .plan {
        width: 90%;
        margin-left: 17px;
        margin-top: 30px;
    }

    .popular {
        width: 90%;
        margin-left: 17px;
        margin-top: 30px;
    }

    .plan_main_div .popular {
        margin-left: 17px;
        margin-top: 30px;
    }

    .home_banner h1 {
        font-size: 29px;
    }
    .pro_text_inner h3 {
        font-size: 23px;
    }
    .blue_background h4 {
        font-size: 25px;
    }
    .overlay {
        padding: 1.5rem 1rem;
    }
    .testimonal:before {
        height: 372px;
    }
    .margin_top h2 {
        font-size: 30px;
        width: 100%;
    }
    .testimonal.new_bg h2 {
        font-size: 32px;
    }
    .testimonal.new_bg:before {
        height: 226px;
    }
    .modal-title {
        font-size: 15px;
    }
}