/**************************************************\ 
(XXL) Desktop Monitor
\**************************************************/
@media screen and (min-width: 1400px){ 

}

/**************************************************\ 
(XL) Laptop 
\**************************************************/
@media screen and (min-width:1200px) and (max-width: 1399.98px){ 
}
 
/**************************************************\ 
(LG) Tablet Landscape
\**************************************************/
@media screen and (min-width:992px) and (max-width: 1199.98px){     
    #pricingSection .pricingCard{
        padding: 3rem;
    }
    #pricingSection .pricingCard h2{
        font-size: 3.2rem;
    }
    #pricingSection .pricingCard .subtitle{ 
        font-size: 1.2rem;
        margin-bottom: 1.2rem;
    }
    #pricingSection .pricingCard div.price{ 
        margin-bottom: 3rem;
    }
    #pricingSection .pricingCard div.price .amount{
        font-size: 2.8rem;
    }
    #pricingSection .pricingCard div.price .payment{
        font-size: 1.2rem;
    } 
    #pricingSection .pricingCard .includedList li{  
        font-size: 1.4rem;
    }
    #pricingSection .pricingCard a{ 
        padding: 1rem;    
        margin-bottom: 3rem;
    }
}
   
/**************************************************\ 
(MD) Tablet Portrait
\**************************************************/
@media screen and (min-width:768px) and (max-width: 991.98px){    

    #pricingSection p.pageHeaderDesc{
        margin-bottom: 6rem;
    }   
    #pricingSection .pricingCard{
        border-radius: 1rem;
        padding: 3rem;
    }
    #pricingSection .pricingCard .subtitle{ 
        font-size: 1.6rem;
    }
    #pricingSection .pricingCard div.price{
        position: absolute; 
        top: 3rem;
        right: 3rem;
    }
    #pricingSection .pricingCard div.price .amount{ 
        font-size: 3.2rem;
    } 
    #pricingSection .pricingCard .includedList{
        columns: 2;
        -webkit-columns: 2;
    }
    #pricingSection .pricingCard .includedList li{ 
        margin-bottom: 1rem;
    } 

}

/**************************************************\ 
(SM) Phone
\**************************************************/
@media screen and (min-width: 576px) and (max-width:767.98px){    
    #pricingSection{ 
        padding-top: 15rem;
    }     
    #pricingSection p.pageHeaderDesc{
        margin-bottom: 6rem;
    }   
    #pricingSection .pricingCard{
        border-radius: 1rem;
        padding: 3rem;
    }
    #pricingSection .pricingCard .subtitle{ 
        font-size: 1.6rem;
    }  
    #pricingSection .pricingCard .includedList li{ 
        margin-bottom: 1rem;
    } 
       
}

/**************************************************\ 
(XS) Small Phone
\**************************************************/
@media screen and (min-width: 391px) and (max-width:575.98px){        
    #pricingSection{ 
        padding-top: 13rem;
    }     
    #pricingSection p.pageHeaderDesc{
        margin-bottom: 6rem;
    }   
    #pricingSection .pricingCard{
        border-radius: 1rem;
        padding: 2rem;
    } 
    #pricingSection .pricingCard h2{
        font-size: 3rem;
    }
    #pricingSection .pricingCard .subtitle{ 
        font-size: 1.6rem;
    }   
    #pricingSection .pricingCard div.price{ 
        margin-bottom: 2rem;
    } 
    #pricingSection .pricingCard div.price .amount{
        font-size: 3rem; 
    }
    #pricingSection .pricingCard a{
        margin-bottom: 2rem;
    }
    #pricingSection .pricingCard .includedList li{ 
        margin-bottom: 1rem;
        font-size: 1.4rem;
    }  
}

/**************************************************\ 
(XXS) Smaller Display
\**************************************************/
@media screen and (max-width:390.98px){   
    #pricingSection{ 
        padding-top: 12rem;
    }     
    #pricingSection p.pageHeaderDesc{
        margin-bottom: 6rem;
    }   
    #pricingSection .pricingCard{
        border-radius: 1rem;
        padding: 2rem;
    } 
    #pricingSection .pricingCard h2{
        font-size: 3rem;
    } 
    #pricingSection .pricingCard div.price{ 
        margin-bottom: 2rem;
    } 
    #pricingSection .pricingCard div.price .amount{
        font-size: 3rem; 
    }
    #pricingSection .pricingCard a{
        margin-bottom: 2rem;
    }
    #pricingSection .pricingCard .includedList li{ 
        margin-bottom: 1rem;
        font-size: 1.4rem;
    }  
}