/*-------------------------------------------*\
    
    Media Querries
    
    Index
        320px — 480px: Mobile devices
        481px — 768px: iPads, Tablets
        769px — 1024px: Small screens, laptops
        1025px — 1200px: Desktops
        1201px and 1440px —  large screens
        1440px and 1824px —  Extra large
        1824px and more - Larger

    Note:
        - Specife media width above
\*-------------------------------------------*/

/*--------------------------------

Resposive Typograpy

page-headline - for main pages
subpage-headling - for sub pages 

Notes
Writing resposive font sizes

subpage-headline h1
--fs-sub-900

subpage-headline h2
--fs-sub-700

mainpage-headline h1
--fs-main-900

mainpage-headline h2
--fs-main-700

text-large p
--fs-text-900

text-medium p
--fs-text-700

text-small p
--fs-text-500

--------------------------------*/


/* min-breakpoints */

@media 
(max-width: 767px) {

    
    .cp-modal-body.cp-blank {
        padding: 20px 0px;
    }
    
    .popup-container {
        padding: 15px 0px;
    }

    .cp-modal-body.cp-blank {
        padding-inline: 0px;
    }
        
    .grid-2{
        grid-template-columns: 1fr;
    }

    .main-hero-section .main-hero-content {
        padding:0px 0px 0px 10px;
    }


    .mainpage-heading-l1 h1 {
        line-height: 3rem !important;
    }

    #grants-hero-section .grants-hero-content {
        padding: 0px 0px 0px 10px;
    }
    .mainpage-heading-l1 h2 {
        letter-spacing: 1px !important;
    }

    #grants-hero-section .grants-hero-section {
        margin-left: 0px;
    }

    .insight-details-title{	
        font-size:2rem !important;	
    }	
    .subpage-headling{
        padding-inline: 10px;
    }

    .subpage-headling h1 {
        padding-bottom: 0px;
        padding-bottom: 15px; 
       
    }

    .subpage-CTA-section h1 {
        line-height: 2rem !important;
        padding-bottom: 1.5rem;
        padding-inline: 10px;
    } 

    .subpage-headling h2 {
        line-height: 1.2 !important;
    }

    .whatwedo-img .x-bg-layer-lower-image {
        display: none;
    }

    .mainpage-heading-l1 h1.x-text-content-text-primary::after,
    .mainpage-heading-l1 h1.x-text-content-text-primary::before{
        display: none;
    }

    .c-spacing-r-container,
    .c-spacing-l,
    .c-spacing{
        padding-left: var(--c-padding) !important;   
        padding-right: var(--c-padding) !important;
        margin-bottom: 0px !important;
    }

    #grants-overview-section .cards{
        height: 180px;        
    }
    
	.cp-modal-body.cp-blank {
		text-align: center;
		padding: 20px 10px;
		border-radius: 10px;
		overflow: hidden;
	}

    .heading-line .x-text-content-text-primary::before,
    .heading-line .x-text-content-text-primary::after {

        top: 30px;

    }

    h1.main-heading{ 
        margin-bottom:10px;
    }


    .col-lg-12.col-md-12.col-sm-12.col-xs-12.cp_responsive {
        /* height: 80vh; */
        overflow-y: auto;

    }

    .cp_id_5fbe3 .col-lg-12.col-md-12.col-sm-12.col-xs-12.cp_responsive .popup-container ,
    .cp_id_7d5e3 .col-lg-12.col-md-12.col-sm-12.col-xs-12.cp_responsive .popup-container ,
    .cp_id_f8f28 .col-lg-12.col-md-12.col-sm-12.col-xs-12.cp_responsive .popup-container ,
    .cp_id_9e229 .col-lg-12.col-md-12.col-sm-12.col-xs-12.cp_responsive .popup-container ,
    .cp_id_703db .col-lg-12.col-md-12.col-sm-12.col-xs-12.cp_responsive .popup-container ,
    .cp_id_13e66 .col-lg-12.col-md-12.col-sm-12.col-xs-12.cp_responsive .popup-container {

        
            padding: 15px 0px;
        

    }


}


@media 
(min-width: 768px) and (max-width: 991.98px) {
    /* 

    h4 {
        font-size: 20px !important;
        letter-spacing: 1px !important;
        word-spacing: 4px;
    } */


    /* .learn-more {
        font-size: 12px !important;
        padding: 12px 25px 12px 25px !important;
    } */

}

@media 
(min-width: 768px)  {

    .cp_id_5fbe3 .col-lg-12.col-md-12.col-sm-12.col-xs-12.cp_responsive,
.cp_id_7d5e3 .col-lg-12.col-md-12.col-sm-12.col-xs-12.cp_responsive,
.cp_id_f8f28 .col-lg-12.col-md-12.col-sm-12.col-xs-12.cp_responsive,
.cp_id_9e229 .col-lg-12.col-md-12.col-sm-12.col-xs-12.cp_responsive,
.cp_id_703db .col-lg-12.col-md-12.col-sm-12.col-xs-12.cp_responsive,
.cp_id_13e66 .col-lg-12.col-md-12.col-sm-12.col-xs-12.cp_responsive {
    height: 80vh;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 0px;
}


#cp_id_7d5e3 .cp-overlay-background,
#cp_id_5fbe3 .cp-overlay-background,
#cp_id_f8f28 .cp-overlay-background,
#cp_id_9e229 .cp-overlay-background,
#cp_id_703db .cp-overlay-background,
#cp_id_13e66 .cp-overlay-background {
    height: 100% !important;
}


    /* #Insights-detail-List .esg-singlefilters{
        display: none;
    } */

    .committe-container {
        grid-template-columns: 1fr 1fr;
    }

    .committe-wrapper {
        grid-template-rows: 1fr auto;
    }

}



@media 
(max-width: 1023px) {
 	
}

@media
(min-width:992px){

    .committe-wrapper {
        grid-template-rows: 1fr auto;
    }

    .bg-blue-img .x-bg-layer-lower-image {
        height: 3500px;
    }



    /* .subpage-container {
        width: min(95%, 1220px) !important;
        margin-left: auto !important;
        margin-right: auto !important;
        padding: 0;
    } */
    
    article#Insights-List .esg-filters.esg-singlefilters .esg-filter-wrapper  {
        text-align: left !important;
    }


    #grants-hero-section .grants-hero-content {
        width: min(946px, 90%);
        padding: 120px 30px;
    }

    


}


@media 
(min-width: 1024px)  {

}

/* this style is for home page background image */
@media 
(min-width: 992px) and (max-width: 1100px) {



    .whatwedo-img .mc-2y.x-text {
        max-width: 80%;
    }

    .whatwedo-img .mc-31.x-text {
        max-width: 42%;
    }

}

/* this style is for home page background image */

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

    .insight-row {
        position: inherit;
        left: -25px;
    }

    .insight-inner-row {
        left: 40px;
    }

  

    .whatwedo-img .mc-2q.x-text {
        max-width: 80%;
    }

    .whatwedo-img .mc-27.x-text {
        padding-top: 0px;
    }

}

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


    
    .me-0.x-bar-outer-spacers::after, 
    .me-0.x-bar-outer-spacers::before {
        flex-basis: 40px !important;
    }

}

@media 
(max-width: 1439px) {
/*   
    .primary-btn {
        padding: 16px 22px !important;
    } */
    .wpcf7-submit {
        padding: 16px 40px !important;
    }
}

@media 
(min-width: 1439px) {
    #grants-hero-section .grants-hero-section {
        display: grid !important;
        place-items: start !important;
        align-items: center !important;
        margin-left: 75px !important;
    }

    /* .wpcf7-submit {
        padding: 20px 56px !important;
    } */
}

@media 
(min-width: 1600px)  {
    /* .primary-btn {
        padding: 28px 36px !important;
        width: 238px;
    } */

}

/* Extra Large desktop: 1600px - 1799px */
@media 
(min-width: 1600px) and (max-width: 1799px) {
    .insight-row {
        position: inherit;
        left: -240px;
    }

    .insight-inner-row {
        position: inherit;
        left: 460px;
    }

    .insight-heading:not(.subpage-container) {
        margin-left: 458px !important;
    }

    .me-0.x-bar-outer-spacers::after, 
    .me-0.x-bar-outer-spacers::before {
        flex-basis: 50px !important;
    }
 

}

@media 
(max-width: 1823px) {
   
}

@media 
(min-width: 1800px) and (max-width: 1999px) {


    .insight-row {
        position: inherit;
        left: -350px;
    }

    .insight-inner-row {
        position: inherit;
        left: 680px;
    }

    .insight-heading:not(.subpage-container) {
        margin-left: 675px !important;
    }

  

}

@media 
(min-width: 1824px)  {
    .main-menu .x-anchor-content {
        padding-inline: 20px !important;
    }

}

@media 
(min-width: 2000px)  {
    .hide-1920{
        display: none !important;
    }
}


@media 
(min-width: 2500px)  {
    .c-spacing-l{
        padding-left: var(--c-padding) !important;
        padding-right:var(--c-padding) !important;
    }

    .c-spacing-r{
        padding-left: var(--c-padding) !important;
        padding-right:var(--c-padding) !important;
    }
}