/* Store Apps Page */
a:hover,  a:focus {color:#0773ce;}
a:active,a:visited {color:#000;}



/* -------MobileDesign---------- */
.mobiledesign-section{width:90%;margin:0px auto;padding:30px 0px 70px 0px ;}
.mobiledesign-section  h2{display: block; text-align: center;background:url(../images/icons/title-blue.svg)top center no-repeat transparent;
padding: 30px 0px 5px 0px;}
.mobiledesign-section p{display: block; text-align: center; font-size:1.061rem;font-weight: 400;}
.mobiledesign-section .mobiledesignBody{display: flex; margin: 50px 0px 0px 0px;}



/* --MobilePortfilio-Section-- */
.mobiledesign-section .mobiledesignBody .mobileportfolio-section{display: block;width:30%; margin:0px 0px 0px 40px;padding: 0px; }
.mobileportfolio-section .portfolioarticle{display: flex;width:100%;}
.mobileportfolio-section .portfolioarticle .mobileportfolioImage{display: block;width:40%;}
.mobileportfolio-section .portfolioarticle .mobileportfolioImage img{display: block;width:100%;margin:0px;height:120px ;
    -webkit-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;border-radius:5px;}
.mobileportfolio-section .portfolioarticle .mobileportfolioDetails{margin:0px 25px 0px 0px; overflow: hidden;width:60%;}
.mobileportfolio-section .portfolioarticle .mobileportfolioDetails h3{margin:0px 0px 15px 0px;}
.mobileportfolio-section .portfolioarticle .mobileportfolioDetails p{text-align: right; font-size:0.875rem; font-weight:600;}





/* --MobilePortfilio-Links-- */
.mobileportfolio-section .mobileportfolioLinks {display: block; width: 100%;}
.mobileportfolio-section .mobileportfolioLinks p{text-align: right;padding: 20px 0px 15px 0px;font-size:0.875rem; font-weight:600;}
.mobileportfolio-section .mobileportfolioLinks ul{display: block; margin: 0px auto;}
.mobileportfolio-section .mobileportfolioLinks ul li{ display: inline-block; margin: 0px 0px 0px 2px;}
.mobileportfolio-section .mobileportfolioLinks li:last-child{margin: 0px;}
.mobileportfolio-section .mobileportfolioLinks ul li a{ display: flex; padding: 10px 15px 10px 15px;  text-align: right; }
.mobileportfolio-section .mobileportfolioLinks ul li a img{  margin:0px auto; display: block; width: 18px;height:18px; }
.mobileportfolio-section .mobileportfolioLinks ul li a span{  margin:0px 10px 0px 10px; }
.no-fill{  filter:none !important;} 


/* --MobilePortfilio-Logos-- */
.portfolioarticle .mobileportfolioLogos{width:40%; text-align: center;padding: 20px 0px 10px 0px;margin: 0px 20px 0px 20px;}
.portfolioarticle .mobileportfolioLogos img{display: block;width:65%;margin:0px auto;}
.portfolioarticle .mobileportfolioLogos h3{margin: 5px 0px 15px 0px;}




@media (max-width:500px) {

  
    
    
    /* -------MobileDesign-Section---------- */
    .mobiledesign-section{width:90%;}
    .mobiledesign-section .mobiledesignBody{display: block;margin: 50px 0px 0px 0px;}
    
    /* --MobilePortfilio-Section-- */
    .mobiledesign-section .mobiledesignBody .mobileportfolio-section{display: block;width:100%; margin:0px 0px 0px 0px;padding:30px 0px 25px 0px;border-bottom:solid 1px #e7e7e7 ;}
    .mobiledesign-section .mobiledesignBody .mobileportfolio-section:nth-child(3){padding:15px 0px 15px 0px;}
    .mobileportfolio-section .portfolioarticle .mobileportfolioImage img{height:125px ;}
    
    /* --MobilePortfilio-Logos-- */
    .portfolioarticle .mobileportfolioLogos{width:45%;padding: 10px 0px 10px 0px;margin: 0px 0px 0px 0px;}
    .portfolioarticle .mobileportfolioLogos:nth-child(2){margin: 0px 30px 0px 0px;}
    .portfolioarticle .mobileportfolioLogos img{width:58%;}
    .portfolioarticle .mobileportfolioLogos h3{margin: 5px 0px 10px 0px;}
    @media (min-width: 360px) and (max-width: 385px){ 
        .mobileportfolio-section .mobileportfolioLinks ul li{margin: 0px 0px 0px 10px;}
    .mobileportfolio-section .mobileportfolioLinks li:nth-child(4){display: none;} }

    
 
    
    }
    
    
    
    
    
    @media (min-width: 600px) and (max-width: 850px){ 
    
    
    /* -------MobileDesign---------- */
    .mobiledesign-section{width:90%;padding:30px 0px 0px 0px ;}
    .mobiledesign-section .mobiledesignBody{display: block; margin: 50px 0px 90px 0px;}
    /* --MobilePortfilio-Section-- */
    .mobiledesign-section .mobiledesignBody .mobileportfolio-section{width:100%; margin:0px 0px 30px 0px;padding:0px 0px 25px 0px;border-bottom:solid 1px #e7e7e7 ; }
    .mobiledesign-section .mobiledesignBody .mobileportfolio-section:nth-child(3){display: none; }
    .mobileportfolio-section .portfolioarticle .mobileportfolioImage{width:30%;}
    /* --MobilePortfilio-Links-- */
    .mobileportfolio-section .mobileportfolioLinks ul li{ margin: 0px 0px 0px 15px;}
    .mobileportfolio-section .mobileportfolioLinks ul li a{  padding: 10px 22px 10px 22px; }
    
    
    
    }
    
    
    
    @media (min-width: 1024px) and (max-width: 1280px){ 
 
    /* -------MobileDesign---------- */
    .mobiledesign-section{width:94%;}
    
      }