﻿/* Media Queries
/*==============================================*/
@import url(open-sans-font.css);

.bottom_link_item,
.bottom_link_button_item,
.section1_container,
.section1B_container,
.section1B_bottom_grid ul li,
.section1B_bottom_grid,
.getting_started,
.section2_intro_container,
.section3,
.section3_grid,
.section3_grid_item_have_questions,
.section4,
.section5_grid,
.section5_section,
.section6_grid_container,
.section8_subscribe_form,
.section8_container,
h1, h2, h3, h4, h5, h6, a, p, footer, img,
.section9,
.section9_container,
.section9_grid,
.section9_quick_links_grid,
.pricing_plan_section,
.fqa_section_questions,
.partnership_grid_item_right,
.contact_section,
.contact_inner_section,
.checkout_container,
.details_section,
.details_inner_grid_section,
.legal_section,
.checkout_wrapper,
.cart_wrapper_grid,
.cart_product_img,
.billing_wrapper,
.billing_container,
.purchase_button,
.user_inputs_grid,
.company_inputs_grid,
.error_container,
.error_info,
.error_text,
.error_img,
.top-link-item {
    transition: all .5s ease;
}

@media (max-width:1340px) {
    .four_links_section_grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 1300px) {
}

@media (max-width: 1250px) {
}

@media (max-width: 1200px) {
    .fqa_section_questions {
        padding: 30px;
    }
}

@media (max-width: 1150px) {
    .section6_grid_item h1 {
        font-size: 50px;
    }

    .section9 {
        padding: 50px 10px 0 10px;
    }

    .section9_container footer {
        padding: 0 10px;
    }

    .checkout_wrapper {
        height: 100%;
        padding: 30px 10px 10px 10px;
    }

    .billing_wrapper {
        padding: 0px 10px 50px 10px;
    }
}

@media (max-width: 1100px) {
    .section2 {
        padding: 30px;
    }

    .section2_intro_container {
        padding: 0px;
        grid-gap: 30px;
        grid-template-columns: repeat(4, 1fr);
    }

    .section4 {
        padding: 50px 0px;
    }
}

@media (max-width: 1080px) {
    .section3_grid_item_have_questions {
        display: none;
    }

    .section3_grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .section3_grid {
        margin: 68px 0px 0 0px;
    }

    .section8_subscribe_form p {
        font-size: 16px;
    }
}

@media (max-width: 1050px) {
    .section1B_container {
        padding: 10px;
    }

    .four_links_section_grid {
        grid-template-columns: repeat(3, 1fr);
    }

    .four_links_intro_section {
        padding: 50px;
    }

    .four_links_section_grid {
        padding: 10px;
        padding-top: 50px;
        grid-gap: 10px;
    }

    .contact_section {
        padding: 15px;
    }

    .contact_inner_section {
        padding: 15px;
    }

    .details_inner_grid_section {
        width: 100%;
        min-height: 200px;
        box-shadow: 0 0 15px rgba(0,0,0,.2);
        margin: auto;
        margin-bottom: 100px;
        padding: 30px;
        padding-top: 37px;
        display: grid;
        grid-gap: 10px;
        grid-template-columns: 1fr 1fr;
    }

    .checkout_container {
        padding: 150px 10px 0px 10px;
    }

    .details_section {
        padding: 0 10px;
    }
}

@media (max-width: 1000px) {
    .four_links_section_grid {
        grid-template-columns: repeat(3, 1fr);
    }

    .four_links_intro_section {
        padding: 30px;
    }

    .four_links_section_grid {
        padding: 5px;
        padding-top: 50px;
        grid-gap: 15px;
    }

    .section4_grid {
        grid-template-columns: repeat(1,1fr);
    }

    .section4_grid_item_bottom {
        text-align: center;
    }

    .section4_grid {
        margin: 0 20px;
    }

    .section4_grid_item {
        padding: 10px 0 50px 0px;
    }

    .section4_grid {
        margin: 0 10px 0 10px;
        padding: 30px;
    }

    .section5_grid {
        grid-template-columns: repeat(1,1fr);
    }

    .section5_grid {
        grid-template-columns: repeat(1,1fr);
    }

    .section8_subscribe_form p {
        font-size: 15px;
    }

    .section8_subscribe_form h2 {
        font-size: 30px;
    }

    .section8_subscribe_form {
        width: 100%;
        padding: 10px;
        padding-bottom: 60px;
    }

    .section8 {
        padding: 5px;
    }

    .section9_quick_links_grid {
        width: 80%;
        grid-template-columns: repeat(6, 1fr);
    }

    .pricing_plan_section {
        padding: 10px;
    }

    .single_developers_plan_grid {
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 20px;
        margin-top: 40px;
    }

    .fqa_section_questions {
        padding: 10px;
    }

    .partnership_grid_container {
        grid-template-columns: repeat(1, 1fr);
    }

    .checkout_contents_grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .product_logo_container {
        text-align: left;
    }

    .legal_section {
        padding: 10px;
        padding-top: 40px;
    }

    .legal_headers {
        padding: 10px;
    }

        .legal_headers ul li a {
            font-size: 16px;
            font-weight: 500;
        }

    .contents {
        padding: 10px;
    }
}

@media (max-width: 980px) {
    footer .section9_grid {
        grid-template-columns: repeat(5, 1fr);
    }

    .details_inner_grid_section {
        padding: 10px;
        padding-top: 37px;
        grid-template-columns: repeat(1, 1fr);
    }
}

@media (max-width: 950px) {
    .section1B_container {
        padding: 5px;
    }

    .section1B_bottom_grid {
        grid-template-columns: repeat(1, 1fr);
        grid-gap: 10px;
    }

    .cart_wrapper_grid {
        padding: 30px;
        /**/
        grid-gap: 20px;
        grid-template-columns: repeat(2, 1fr);
    }

    .cart_product_img {
        text-align: center;
    }
}

@media (max-width: 930px) {
    .bottom_link_item {
        opacity: 0;
        visibility: hidden;
        display: none;
    }

    .bottom-header {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 900px) {

    .section6_grid_item h1 {
        font-size: 40px;
    }

    .section9_quick_links_grid {
        width: 90%;
        grid-template-columns: repeat(6, 1fr);
    }

    .pricing_grid_item_right ul li {
        font-size: 14px;
    }
}


@media (max-width: 850px) {
    .four_links_section_grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .section2_intro_container {
        grid-gap: 15px;
        grid-template-columns: repeat(4, 1fr);
    }

    .section5_section {
        padding: 20px;
    }

    .section5_container {
        padding: 0px 10px;
    }

    .section5_grid {
        padding: 30px 10px 0 10px;
        display: grid;
        grid-gap: 30px;
        grid-template-columns: repeat(1, 1fr);
    }

    .section8_container {
        padding: 50px 10px;
    }

    .pricing_grid {
        grid-template-columns: repeat(1, 1fr);
        grid-gap: 20px;
    }

    .researchteam_developers_plan_grid_item {
        grid-template-columns: repeat(1, 1fr);
    }

    .researchteam_developers_plan_grid_item_right {
        padding: 0px 5px 0px 20px;
    }
}

@media (max-width: 800px) {
    footer .section9_grid {
        grid-template-columns: repeat(4, 1fr);
    }

    .pricing_section1 h3 {
        font-size: 30px;
    }

    .pricing_section1 .introductory_text_container {
        padding: 10px 3% 0px 3%;
    }
}

@media (max-width: 750px) {

    .section9_quick_links_grid {
        width: 100%;
        grid-template-columns: repeat(6, 1fr);
    }
}

@media (max-width: 700px) {

    .section_1-header {
        margin-top: -20px;
    }

    .section2_intro_container {
        grid-template-columns: repeat(3, 1fr);
    }

    .section3_grid {
        grid-template-columns: repeat(1, 1fr);
    }

    .section6_grid_container {
        padding: 50px 0 90px 10px;
    }

    .section9_quick_links_grid {
        display: none;
        visibility: hidden;
        opacity: 0;
    }

    .partnership_grid_item img {
        width: 500px;
    }

    .user_inputs_grid,
    .company_inputs_grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 680px) {
    .top-link-item {
        display: none;
    }
}

@media (max-width: 650px) {
    footer .section9_grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 600px) {
    .typed-text {
        font-size: 40px;
    }

    .four_links_section_grid {
        grid-template-columns: repeat(1, 1fr);
    }

    .section1_container {
        color: black;
        background-color: transparent;
        padding: 0px 0 0 25px;
    }

    .section1_package ul {
        margin-top: -10px;
    }

    .section_1-header {
        padding-top: 25px;
    }

    .section3 {
        padding: 50px 30px;
    }

    .section6_grid_container {
        grid-template-columns: repeat(1, 1fr);
    }

    .section6_grid_item_content {
        font-size: 18px;
        margin-top: 15px;
        padding: 30px;
        padding-left: 0px;
    }

    .partnership_grid_item img {
        width: 400px;
    }

    .checkout_contents_grid {
        grid-template-columns: repeat(1, 1fr);
    }

    .product_logo_container {
        text-align: left;
    }
}

@media (max-width: 550px) {
    .bottom_link_button_item {
        display: none;
    }

    .bottom-header {
        grid-template-columns: 1fr;
    }

    .section2_intro_container {
        grid-template-columns: repeat(2, 1fr);
    }

    .cart_wrapper_grid {
        padding: 30px;
        /**/
        grid-gap: 20px;
        grid-template-columns: repeat(1, 1fr);
    }
}

@media (max-width: 500px) {

    .section1B_bottom_grid ul li {
        font-size: 15px;
    }

    .section1B_try_zip {
        width: 100px;
    }

    .section4_grid_item h1 {
        font-size: 110px;
    }

    .section5_container h1 {
        font-size: 50px;
        font-weight: 600;
    }

    .section8_subscribe_form h2 {
        font-size: 20px;
    }

    .section8_subscribe_form p {
        font-size: 14px;
    }

    footer .section9_grid {
        grid-template-columns: repeat(2, 1fr);
    }
}


@media (max-width: 481px) {
    .section1_button_container .section1_download-btn {
        width: 217px;
        margin-bottom: 5px;
    }

    .section1B_bottom_grid ul li {
        font-size: 13px;
    }

    .partnership_grid_item img {
        width: 300px;
    }
}

@media (max-width: 450px) {
    .getting_started {
        font-size: 30px;
    }

    .section5_section {
        padding: 50px 10px;
    }

    .single_developers h1 {
        font-size: 25px;
    }

    .pheader h1 {
        font-size: 20px;
    }

    .details_grid {
        grid-template-columns: repeat(1, 1fr);
    }

    .user_inputs_grid,
    .company_inputs_grid {
        grid-template-columns: repeat(1, 1fr);
    }
}

@media(max-width:435px) {
    .typed-text {
        font-size: 35px;
    }
}

@media (max-width: 420px) {
    .pricing_grid_item {
        grid-template-columns: repeat(1, 1fr);
    }

    .pricing_grid_item_right {
        padding: 0px 5px 10px 22px;
    }
}

@media (max-width: 400px) {
    .typed-text {
        margin-left: 12px;
        font-size: 25px;
    }

    .section1_container {
        padding: 10px;
    }

    .section_1-header {
        margin-top: -35px;
    }

    .section1_package ul li {
        font-size: 13px;
        margin: 10px;
    }

    .section1B_try_zip_btn {
        padding: 15px 29px;
        min-width: 220px;
    }

    .section1B_try_nuget_btn {
        padding: 15px 25px;
        min-width: 200px;
    }

    .section1B_top p {
        font-size: 15px;
    }

    .four_links_intro_section .download_buttons a {
        width: 250px;
    }

    .section2_intro_container {
        grid-template-columns: repeat(1, 1fr);
    }

    .section5_grid_item {
        grid-template-columns: repeat(1, 1fr);
    }

    .section5_text_container {
        margin-left: 0px;
        margin-top: 0px;
    }

    .section6_grid_item h1 {
        font-size: 30px;
    }

    .section6_container {
        padding: 10px;
    }
}

@media (max-width: 380px) {
    .section4_grid_item h1 {
        font-size: 70px;
    }

    .section4_grid_item p {
        font-size: 14px;
        font-weight: 500;
    }

    .partnership_grid_item img {
        width: 250px;
    }
}

@media (max-width: 350px) {
    .section3 {
        padding: 50px 10px;
    }

    .section5_container h1 {
        font-size: 40px;
        font-weight: 600;
    }

    footer .section9_grid {
        grid-template-columns: repeat(1, 1fr);
    }
}

@media (max-width: 330px) {

    .section1_package ul img {
        display: none;
    }

    .section1_package ul li {
        margin-left: 0;
    }

    .single_developers h1 {
        font-size: 20px;
    }

    .partnership_grid_item img {
        width: 200px;
    }

    .billing_container .purchase_button {
        font-weight: 500;
        font-size: 14px;
        width: auto;
        min-height: 60px;
    }
}

@media (max-width: 300px) {
    .partnership_grid_item img {
        display: none;
        visibility: hidden;
        opacity: 0;
    }

    .cart_product_img img {
        width: 100px;
    }

    .typed-text {
        font-size: 20px;
    }
}

/*empty cart*/
@media (max-width: 1200px) {
    .error_container {
        grid-template-columns: 2fr 4fr;
    }
}

@media (max-width: 1100px) {
    .error_container {
        grid-template-columns: 2fr 3fr;
    }

    .error_text {
        font-size: 40px;
    }

    .error_info {
        font-size: 15px;
    }
}

@media (max-width: 920px) {
    .error_container {
        grid-template-columns: 2fr 3fr;
    }

    .error_text {
        font-size: 25px;
    }

    .empty_wrapper {
        padding: 30px 10px 40px 10px;
    }
}

@media (max-width: 650px) {
    .error_container {
        grid-template-columns: repeat(1, 1fr);
        text-align: center;
    }
}

@media (max-width: 400px) {
    .error_img img {
        width: 140px;
    }
}
