/**************************************************\ 
(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){      
}
   
/**************************************************\ 
(MD) Tablet Portrait
\**************************************************/
@media screen and (min-width:768px) and (max-width: 991.98px){   
    #portfolioSection p.pageHeaderDesc{
        margin-bottom: 6rem;
    }  
    #portfolioSection .portfolioCard{ 
        border-radius: 1rem;
        padding: 3rem;
    } 
    #portfolioSection .portfolioCard img{ 
        border-radius: 1rem;
    }
    #portfolioSection .portfolioCard .businessName{ 
        font-size: 3.6rem;
    }
}

/**************************************************\ 
(SM) Phone
\**************************************************/
@media screen and (min-width: 576px) and (max-width:767.98px){     
    #portfolioSection{ 
        padding-top: 15rem;
    }
    #portfolioSection p.pageHeaderDesc{
        margin-bottom: 6rem;
    }  
    #portfolioSection .portfolioCard{
        padding: 3rem;
        border-radius: 1rem;
    }
    #portfolioSection .portfolioCard img{  
        border-radius: 1rem;
        margin-bottom: 3rem;
    } 
    #portfolioSection .portfolioCard .businessName{
        font-size: 3.6rem;
    }
    #portfolioSection .portfolioCard ul{
        margin-bottom: 2rem;
        gap: 1rem;
    }
    #portfolioSection .portfolioCard ul li{
        font-size: 1.2rem;
    } 
    #portfolioSection .portfolioCard p.desc{
        font-size: 1.6rem;
    }
}

/**************************************************\ 
(XS) Small Phone
\**************************************************/
@media screen and (min-width: 391px) and (max-width:575.98px){        
    #portfolioSection{ 
        padding-top: 13rem;
    }
    #portfolioSection p.pageHeaderDesc{
        margin-bottom: 6rem;
    }  
    #portfolioSection .portfolioCard{
        padding: 2rem;
        border-radius: 1rem;
    }
    #portfolioSection .portfolioCard img{  
        border-radius: 1rem;
        margin-bottom: 3rem;
    } 
    #portfolioSection .portfolioCard .businessName{
        font-size: 3.6rem;
    }
    #portfolioSection .portfolioCard ul{
        margin-bottom: 2rem;
        gap: 1rem;
    }
    #portfolioSection .portfolioCard ul li{
        font-size: 1.2rem;
    } 
    #portfolioSection .portfolioCard p.desc{
        font-size: 1.6rem;
    }
    #portfolioSection .portfolioCard .btnDiv{
        gap: 1rem;
    }
}

/**************************************************\ 
(XXS) Smaller Display
\**************************************************/
@media screen and (max-width:390.98px){   
    #portfolioSection{ 
        padding-top: 12rem;
    }
    #portfolioSection p.pageHeaderDesc{
        margin-bottom: 6rem;
    }  
    #portfolioSection .portfolioCard{
        padding: 2rem;
        border-radius: 1rem;
    }
    #portfolioSection .portfolioCard img{  
        border-radius: 1rem;
        margin-bottom: 3rem;
    } 
    #portfolioSection .portfolioCard label.type{
        font-size: 1.4rem;
    }
    #portfolioSection .portfolioCard .businessName{
        font-size: 3.2rem;
    }
    #portfolioSection .portfolioCard ul{
        margin-bottom: 2rem;
        gap: 1rem;
    }
    #portfolioSection .portfolioCard ul li{
        font-size: 1.2rem;
    } 
    #portfolioSection .portfolioCard p.desc{
        font-size: 1.6rem;
    }
    #portfolioSection .portfolioCard .btnDiv{
        gap: 1rem;
    }    
}