/* OpenCart Page */
a:hover, a:focus {color:#fe7a04;}
a:active, a:visited {color:#000;}
/* -------OpenCart Design---------- */
.opencartdesign-section{width:90%;margin:0px auto;padding:30px 0px 30px 0px ;}
.opencartdesign-section  h2{display: block; text-align: center;background:url(../images/icons/title-orange.svg)top center no-repeat transparent;
padding: 30px 0px 5px 0px;}
.opencartdesign-section  p{display: block; text-align: center; font-size:1.061rem;font-weight: 400;}


.opencartdesign-section .opencartdesignBody{display: flex; margin: 50px 0px 0px 0px;}
.opencartdesign-section .opencartdesignBody .opencartportfolio-section{display: block;width:30%; margin:40px 0px 0px 40px ;}


/* --opencartPortfilio-Section-- */
.opencartportfolio-section .opencartportfolioImage{position:relative;height:auto;padding:0px;margin:0px; }
.opencartportfolio-section .opencartportfolioImage img{width:100%;height:200px;padding:0px; margin:0px;
    
        box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;
        -webkit-box-shadow:rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;
        

    }

    .opencartportfolio-section .opencartportfolioImage .opencartportfolio-tags{position:absolute;height:0;bottom:0;width:100%;
        background-color:rgb(255, 243, 197, 0.8);z-index:1;visibility:hidden;opacity:0 ;overflow: hidden;padding:10px ;
        -webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease}
     .opencartportfolioImage:hover .opencartportfolio-tags{height:calc(100% - 0px);visibility:visible; opacity:1 ;}
     .opencartportfolio-tags a {padding: 5px; display: inline-block;}

/* --OpencartPortfilio-Links-- */
.opencartportfolio-section .opencartportfolioLinks{margin:20px 0px 0px 0px;display: flex; }
.opencartportfolio-section .opencartportfolioLinks .LinksName{ width:80%} 
.opencartportfolio-section .opencartportfolioLinks .LinksName h3{ font-size:0.875rem ;} 
.opencartportfolio-section .opencartportfolioLinks .LinksName a{ padding:0px ; text-align: right;font-size:1.061rem;display: block;}
.opencartportfolio-section .opencartportfolioLinks ul{display: flex;width:20%}
.opencartportfolio-section .opencartportfolioLinks ul li{ display: inline-block; margin: 0px 0px 0px 12px;width:95%}
.opencartportfolio-section .opencartportfolioLinks ul li:last-child{margin: 0px;}
.opencartportfolio-section .opencartportfolioLinks ul li a{ display: block; padding: 10px 15px 10px 15px; }
.opencartportfolio-section .opencartportfolioLinks ul li a img{  margin:0px auto; display: block; width: 18px; height:18px ;}




/* ------OpenCartOffers&Gifts-Section------- */
.opencartoffers-section{width:90%;margin:0px auto;padding:30px 0px 70px 0px ; display: flex;}
/* OpenCart-Offers */
.opencartoffers-section .cartoffers{width: 47%; padding:30px;margin: 0px 0px 0px 45px;}
.cartoffers span{padding: 3px 30px 3px 30px;margin: 0px 0px 15px 15px;font-size:1.061rem; }
.cartoffers h3{margin:0px 0px 10px 0px ; display: contents;}
.cartoffers p{line-height: 1.7;padding: 15px 0px 0px 0px;}

/* OpenCart-Gifts */
.opencartoffers-section .cartgifts{width: 47%; padding: 30px; }
.cartgifts span{padding: 3px 30px 3px 30px;margin: 0px 0px 15px 15px;font-size:1.061rem;}
.cartgifts h3{margin:0px 0px 10px 0px ; display: contents;} 

.cartgifts .Bodyarticle{ width:100% ; margin:0px 0px 0px 0px ; display: flex;}
.cartgifts .Bodyarticle .BodyDetails{width:50% ; padding:15px 0px 0px 0px ; display: flex;}
.BodyDetails img{width:80px ; height:60px ; display: block; margin:0px 0px 0px 0px ; filter: none;}
.BodyDetails p{ line-height: 1.7;padding:8px 15px 0px 0px ;}




@media (max-width:500px) {
/* -------OpenCart Design---------- */
.opencartdesign-section{width:90%;padding:60px 0px 40px 0px ;}
.opencartdesign-section .opencartdesignBody{display: block; margin: 0px 0px 0px 0px;}
.opencartdesign-section .opencartdesignBody .opencartportfolio-section{display: block;width:100%; margin:60px 0px 0px 0px ;}
/* ------OpenCartOffers&Gifts-Section------- */
.opencartoffers-section{width:90%;padding:0px 0px 0px 0px ; display: block;}
.opencartoffers-section .cartoffers{width: 100%; padding:20px;margin: 30px 0px 0px 0px;}
.cartoffers span{margin: 0px 0px 0px 15px;}
.cartoffers h3{margin:15px 0px 10px 0px ; display: block;}
.cartoffers p{padding: 0px 0px 0px 0px;}

.opencartoffers-section .cartgifts{width: 100%; padding:20px;margin: 30px 0px 0px 0px;}
.cartgifts span{margin: 0px 0px 0px 15px;}
.cartgifts h3{margin:15px 0px 10px 0px ; display: block;}
.cartgifts .Bodyarticle{display: block;}
.cartgifts .Bodyarticle .BodyDetails{width:100% ; padding:0px 0px 0px 0px ; display: flex;}
.cartgifts .Bodyarticle .BodyDetails:nth-child(1){padding:5px 0px 5px 0px ;margin:0px 0px 5px 0px ;border-bottom: solid 1px #fffdfd;}
}



@media (min-width: 600px) and (max-width: 850px){ 
/* -------OpenCart Design---------- */
.opencartdesign-section{width:90%;margin:0px auto;padding:60px 0px 30px 0px ;}
    .opencartdesign-section .opencartdesignBody .opencartportfolio-section{display: block;width:48%; margin:30px 0px 0px 20px ; }
    .opencartdesign-section .opencartdesignBody .opencartportfolio-section:nth-child(2){margin:30px 0px 0px 0px ;}
    .opencartdesign-section .opencartdesignBody .opencartportfolio-section:nth-child(3){display: none;}
    .opencartportfolio-section .opencartportfolioImage img{width:100%;height:170px;}

 

  /* --OpenCartPortfilio-Links-- */
  .opencartportfolio-section .opencartportfolioLinks .LinksName{ width:80%} 
  .opencartportfolio-section .opencartportfolioLinks ul li{ display: inline-block; margin: 10px 0px 0px 0px;}
  /* .opencartportfolio-section .opencartportfolioLinks ul li:last-child{display: none;} */
  


  /* ------OpenCartOffers&Gifts-Section------- */
  .cartoffers h3{margin:15px 0px 10px 0px ; display: block;}
  .cartoffers p{padding: 0px 0px 0px 0px;}
  .cartgifts h3{margin:15px 0px 10px 0px ; display: block;}
  .cartgifts .Bodyarticle{display: block;}
  .cartgifts .Bodyarticle .BodyDetails{width:100% ; padding:0px 0px 0px 0px ; display: flex;}
  .cartgifts .Bodyarticle .BodyDetails:nth-child(1){padding:5px 0px 5px 0px ;margin:0px 0px 5px 0px ;border-bottom: solid 1px #fffdfd;}
  }