@media only screen and (max-width: 1199px) {
    h1,.h1{
        font-size: 40px;  
        line-height: 1.2em;	
        
    }
    h2,.h2{
        font-size: 36px;  
        line-height: 1.2em;
        
    }
    h3,.h3{
        font-size: 32px;  
        line-height: 1.2em;
        
    }
    h4,.h4{
        font-size: 26px;  
        line-height: 1.2em;  
    }
    h5,.h5{
        font-size: 22px;  
        line-height: 1.2em;
    }
    h6,.h6{
        font-size: 18px;  
        line-height: 1.4em; 
    }
}

@media only screen and (max-width: 991px) {
    
}
@media only screen and (max-width: 767px) {
    body{
        font-size: 14px;
    }
    h1,.h1{
        font-size: 36px;  
        line-height: 1.2em;	
        
    }
    h2,.h2{
        font-size: 32px;  
        line-height: 1.2em;
        
    }
    h3,.h3{
        font-size: 28px;  
        line-height: 1.2em;
        
    }
    h4,.h4{
        font-size: 24px;  
        line-height: 1.2em;  
    }
    p {
        margin-bottom: 1.0em;
    }
    .font-18{
        font-size: 16px;
    }
    .default-section {
        padding: 60px 0;
    }
    .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl{
        padding-left: 20px;
        padding-right: 20px;
    }

    .membership-cards .head-content{
        min-height: inherit;
    }
    .membership-cards .price-content{
        min-height: inherit;
    }
    .faq-section .accordion-button{
        font-size: 16px;
    }
    .faq-section .accordion-item{
        padding: 0px 0;
    }
    .faq-section .accordion-body{
        padding-top: 0;
    }
    .membership-cards .head-div{
        padding: 6px 10px;
    }
}
@media only screen and (max-width: 640px) {
    
}
@media only screen and (max-width: 480px) {
    
}
@media only screen and (max-width: 460px) {
    
}