@media screen and (min-width: 1200px){
    .custom_container {max-width: 90%;}
}


@media screen and (max-width: 1920px){

    /* .herobanner_sec .inner_section_col_left .main_heading {max-width: 89%;} */
    .herobanner_sec .inner_section_col_left .content {max-width: 89%;}

    /* Our Reviews section starts from here */
    .our_reviews_swiper .inner_section_review_slide{width: 100%;}
    .our_reviews_swiper .inside_right, .our_reviews_swiper .inside{height: 460px;}
    /* Our Reviews section ends here */

    /* Our blogs section style starts from here */
    .our_blog_sec .inner_section_review_slide .blog_image{height: 350px;}
    /* Our blogs section style ends here */

    /* What our client says section style starts from here */
    .feedback_swiper .swiper-slide a {width: 100%;}
    .feedback_swiper .swiper-slide .inner_section_feedback_slide .inside_right, .feedback_swiper .swiper-slide .inner_section_feedback_slide .inside{height: 400px;}
    /* What our client says section style ends here */

    /* Blockchain page chains we build section starts from here */

    .chains_we_build_sec .cards_row .inner_section_card .card_title{max-width: 60%;}

    /* Blockchain page chains we build ends here */

}

@media screen and (max-width: 1600px){
    
    /* Our Reviews section starts from here */
    .our_reviews_swiper .inside_right, .our_reviews_swiper .inside{height: 370px;}
    /* Our Reviews section ends here */

    /* Our blog section style starts from here */
    .our_blog_sec .inner_section_review_slide .blog_image{height: 300px;}
    /* Our blog section style ends here */

    /* What our client says section style starts from here */
    .feedback_swiper .swiper-slide .inner_section_feedback_slide .inside_right, .feedback_swiper .swiper-slide .inner_section_feedback_slide .inside{height: 300px;}
    /* What our client says section style ends here */

    .chains_we_build_sec .cards_row .inner_section_card .card_description p {min-height: 210px;}

}

@media screen and (max-width: 1536px){
    .chains_we_build_sec .cards_row .inner_section_card .card_title{max-width: 63%;}
}

@media screen and (max-width: 1440px){
    .chains_we_build_sec .cards_row .inner_section_card .card_title {max-width: 75%;}
    .chains_we_build_sec .cards_row .inner_section_card .card_description p {min-height: 240px;}
}

@media screen and (max-width: 1367px){

    .herobanner_sec .inner_section_col_left .main_heading h3{max-width: 100%;}

    .why_choose_us_sec .cards_row .cards_col {max-width: 50%; flex: 0 0 50%;}
    .why_choose_us_sec .cards_row {row-gap: 30px;}

    .chains_we_build_sec .cards_row .inner_section_card .card_description p{min-height: 270px;}
    
}

@media screen and (max-width: 1280px){

    h1{
        font-size: 65px;
        line-height: 60px;
    }
    
    h2{
        font-size: 50px;
        line-height: 69px;
    }
    
    h3{
        font-size: 43px;
        line-height: 59px;
    }
    
    h4{
        font-size: 25px;
        line-height: 46px;
    }
    
    h5{
        font-size: 21px;
        line-height: 59px;
    }
    
    h6{
        font-size: 19px;
        line-height: 59px;
    }
    
    p{
        font-size: 16px;
        line-height: 28px;
    }

    .herobanner_sec .inner_section_col_left .main_heading h1 {font-size: 50px;}

    .blockchain_hero_banner .inner_section_hero_banner .main_heading h1 {font-size: 58px;}

    .main_heading.double_heading .bg_heading h1 {font-size: 160px;}
    .free_consultancy_sec .main_heading.double_heading .bg_heading h1{font-size: 140px;}


    /* Our blog section style starts from here */
    .our_blog_sec .inner_section_review_slide .blog_image{height: 260px;}
    /* Our blog section style ends here */

    /* Our Reviews section starts from here */
    .our_reviews_swiper .inside_right, .our_reviews_swiper .inside{height: 315px;}
    /* Our Reviews section ends here */

    /* What our client says section starts from here */

    .feedback_swiper .swiper-slide .inner_section_feedback_slide .inside_right, .feedback_swiper .swiper-slide .inner_section_feedback_slide .inside {height: 250px;}

    /* What our client says section style ends here */

    .main_heading.double_heading.has_content .content p {max-width: 80%;}

    .chains_we_build_sec .cards_row .inner_section_card .card_description p{min-height: 224px;}

}

@media screen and (max-width: 1024px){

    /* Hero banner section style starts from here */

    .herobanner_sec .inner_section_col_left .main_heading{max-width: 100%;}
    .herobanner_sec .inner_section_col_left .main_heading h3 {max-width: 60%;}

    /* Hero banner section style ends here */

    /* Our portfolio images starts from here */

    .portfolio_sec .inner_section_tab_content .inner_section_portfolio_img {height: 250px;}

    /* Our portfolio images ends here */

    /* Our Reviews section style starts from here */

    .our_reviews_swiper .inside_right, .our_reviews_swiper .inside {height: 280px;}

    /* Our Reviews section style ends here */

    /* Our blog section starts from here */

    .our_blog_sec .inner_section_review_slide .blog_image {height: 200px;}

    /* Our blog section ends here */

    /* Footer social icons style starts from here */

    footer .social_icons a {width: 40px; height: 40px;}

    /* Footer social icons style ends here */

    .chains_we_build_sec .content {max-width: 70%;}

    .why_blockchain_sec .inner_section_why_bchain_card .cart_description p {min-height: 150px;}

    .chains_we_build_sec .cards_row .inner_section_card .card_description p{min-height: 280px;}

}

@media screen and (max-width: 992px){

    h1{
        font-size: 55px;
        line-height: 50px;
    }
    
    h2{
        font-size: 40px;
        line-height: 59px;
    }
    
    h3{
        font-size: 35px;
        line-height: 49px;
    }
    
    h4{
        font-size: 22px;
        line-height: 38px;
    }
    
    h5{
        font-size: 20px;
        line-height: 38px;
    }
    
    h6{
        font-size: 18px;
        line-height: 38px;
    }

    p{
        font-size: 15px;
        line-height: 28px;
    }

    a{
        font-size: 15px;
    }

    .custom_container {
        max-width: 90%;
    }

    .herobanner_sec .inner_section_col_left .main_heading h1 {font-size: 40px;}

    .blockchain_hero_banner .inner_section_hero_banner .main_heading h1 {font-size: 48px;}

    .feedback_swiper .swiper-slide .inner_section_feedback_slide .inside_right, .feedback_swiper .swiper-slide .inner_section_feedback_slide .inside {height: 200px;}

    .main_heading.double_heading .bg_heading h1 {font-size: 130px;}
    .free_consultancy_sec .main_heading.double_heading .bg_heading h1 {font-size: 115px;}
    .our_reviews_swiper .inside_right, .our_reviews_swiper .inside {padding: 25px;}

    footer .inner_section_col_two {padding-left: 50px;}
    footer .inner_section_col_two .page_links ul {height: unset;}

    /* Portfolio section style starts from here */

    .portfolio_sec .inner_section_tab_content .inner_section_portfolio_img {height: 345px; margin-bottom: 20px;}

    /* Portfolio section style ends here */

    /* Header dropdown style */

    header .navbar .navbar-collapse {padding: 20px 0; background: var(--col_blue);}

    /* Header dropdown style */

    .get_free_quote_sec:after, .get_free_quote_sec:before {display: none;}
    .blockchain_hero_banner .inner_section_chains_build .chain_logos {flex-wrap: wrap; gap: 20px; justify-content: space-evenly;}

    .why_blockchain_sec .cards_row {gap: 30px;}

    .why_blockchain_sec .inner_section_heading {text-align: center;}
    .why_blockchain_sec .inner_section_heading .content {margin: 0 auto; max-width: 80%;}

    .blockchain_spreads_sec .inner_section_col_img {max-width: 60%; margin: 0 auto 20px auto;}
    .blockchain_spreads_sec .col_right .inner_section_content {text-align: center;}

    .chains_we_build_sec .cards_row .inner_section_card .card_title h4{min-height: 80px;}

    .popular_questions_sec .inner_section_heading_col .content {max-width: 80%;}

    .why_choose_us_sec .inner_section_heading_col {text-align: center;}
    .why_choose_us_sec .inner_section_heading_col .content {margin: 0 auto; max-width: 80%;}

    .why_blockchain_sec .inner_section_why_bchain_card .cart_description p{min-height: unset;}

    .chains_we_build_sec .cards_row .inner_section_card .card_description p{min-height: unset;}

}

@media screen and (max-width: 800px){
    /* Get Free quote sec starts from here */
    .free_quote_sec .inner_section_main {max-width: 100%;}
    /* Get free quote sec ends here */

    .free_consultancy_sec .main_heading.double_heading .bg_heading h1 {font-size: 100px;}

    footer .footer_col {text-align: center; width: fit-content; margin: 0 auto; margin-bottom: 40px}
    footer .social_icons {justify-content: center;}
    footer .inner_section_col_two {padding-left: 0;}
    footer .inner_section_col_two .page_links ul {text-align: center;}
    footer .inner_section_col_two .page_links ul li {width: fit-content; margin: 0 auto; padding-left: 0;}
    footer .inner_section_col_two .page_links ul li:before{display: none;}
    footer .inner_section_col_three .payment_methods{flex-wrap: wrap; justify-content: center;}

}

@media screen and (max-width: 768px){
    .main_heading.double_heading .bg_heading h1 {font-size: 110px;}

    header .top_header {display: none;}

    .blockchain_hero_banner .inner_section_hero_banner .main_heading h1 {font-size: 40px;}

    .blockchain_hero_banner .inner_section_hero_banner {padding: 100px 0 50px 0;}

    .blockchain_hero_banner .inner_section_chains_build .chain_logos {flex-direction: column; gap: 40px;}

    .blockchain_hero_banner .inner_section_chains_build .main_heading {margin-bottom: 40px;}

    .chains_we_build_sec .cards_row .inner_section_card .card_description p {min-height: 252px;}
}

@media screen and (max-width: 767px){
    .catch_on_platforms_sec .inner_section_platform_figures {flex-wrap: wrap; row-gap: 25px}
    .catch_on_platforms_sec .inner_section_platform_figures .plat_figure {width: 50%;}
    .catch_on_platforms_sec .inner_section_catch_platforms_col{margin-bottom: 20px;}

    footer .inner_section_copyright_sec {flex-direction: column;}

    .portfolio_sec .tab_content_row .tab-content #logo .inside img, .portfolio_sec .tab_content_row .tab-content #logo .inside_right img{width: 40%;}
    .why_choose_us_sec .cards_row .cards_col {max-width: 100%; flex: 0 0 100%;}
    .why_choose_us_sec .inner_section_card{padding-left: 30px; padding-right: 30px;}

    .chains_we_build_sec .cards_row .inner_section_card .card_description p {min-height: unset;}
    .chains_we_build_sec .cards_row .inner_section_card .card_title h4 {min-height: unset;}
}

@media screen and (max-width: 600px){
    .herobanner_sec .inner_section_col_left .main_heading h3 {max-width: 80%;}

    .main_heading.double_heading.has_content .bg_heading, .main_heading.double_heading .bg_heading{display: none;}

    .herobanner_sec{padding: 150px 0 120px 0;}

    .clip_sec_top, .clip_sec {height: 25px !important;}

    .our_reviews_swiper .swiper-slide img{object-fit: contain;}
    .our_blog_sec .swiper-slide img{object-fit: cover;}
    .portfolio_sec{clip-path: polygon(0 25px, 100% 0, 100% 100%, 0 100%);}

    #image_preview_modal .modal-dialog{max-width: 100%;}

    footer .inner_section_col_three .payment_methods img{width: 40px;}


    .blockchain_hero_banner .inner_section_hero_banner .content{max-width: 100%;}

    .chains_we_build_sec .content{max-width: 100%;}
}

@media screen and (max-width: 480px){

    h1{
        font-size: 35px;
        line-height: 40px;
    }
    
    h2{
        font-size: 30px;
        line-height: 49px;
    }
    
    h3{
        font-size: 28px;
        line-height: 40px;
    }
    
    h4{
        font-size: 22px;
        line-height: 38px;
    }
    
    h5{
        font-size: 20px;
        line-height: 38px;
    }
    
    h6{
        font-size: 18px;
        line-height: 38px;
    }

    p{
        font-size: 14px;
        line-height: 28px;
    }

    a{
        font-size: 14px;
    }

    /*.herobanner_sec .inner_section_col_left .main_heading h1 {font-size: 30px;}*/

    .herobanner_sec .inner_section_col_left .main_heading h1 {font-size: 30px; line-height: 20px}
    .herobanner_sec.inner_page .inner_section_col_left .main_heading h1 {line-height: 40px;}
    .herobanner_sec .inner_section_col_left .main_heading h3{max-width: 100%;}

    .herobanner_sec .logo_wrapper {flex-wrap: wrap;}
    .herobanner_sec .logo_wrapper .logo {width: 46%;}
    .herobanner_sec .inner_section_col_left .content{max-width: 100%;}

    .main_heading.double_heading.has_content .content p{max-width: 100%;}

    .inner_section_tabs_head .nav-tabs {flex-direction: column;}
    .inner_section_tabs_head .nav-tabs li {border-right: 0;}

    .portfolio_sec .inner_section_tabs_head {width: fit-content; margin: 0 auto;}

    .blockchain_hero_banner .inner_section_hero_banner .main_heading h1 {font-size: 30px;}
}

@media screen and (max-width: 426px){
    .herobanner_sec .btn_wrapper {flex-direction: column; align-items: flex-start;}
    .portfolio_sec .main_heading.double_heading.has_content .content p{max-width: 100%;}

    .popular_questions_sec .inner_section_question_col .card-header h5 button {padding-right: 40px;}
}

@media screen and (max-width: 376px){

    .custom_container {
        max-width: 100%;
    }

    .herobanner_sec .logo_wrapper .logo {width: 45%;}

    .herobanner_sec .inner_section_col_left .main_heading .bg_head {margin-left:  0;}

    footer .inner_section_copyright_sec{text-align: center;}

    .herobanner_sec .inner_section_col_left .main_heading h3 {font-size: 26px;}
    .inner_section_copyright_sec .col_left p {font-size: 13px;}

    .blockchain_hero_banner .inner_section_hero_banner .main_heading h1{font-size: 24px;}
}