/*smart phone small and medium devices*/
@media screen and (max-width: 435px){
     .portifolios{position:relative;z-index:2;width:96%;margin:10px auto;background:#fcfcfc;cursor:pointer;transition:all .2s ease-in-out;overflow:hidden;border:1px solid #ddd;border-radius: 10px;}
     .portifolios:hover{box-shadow:0px 7px 7px rgba(0,0,0,0.2);}
     .portifolios a{text-decoration:none;}
     .portifolios .cover{width:100%;overflow:hidden;height:170px;}
     .portifolios .heda{padding:8px;letter-spacing:1px;color:#000;text-align:left;}
     .portifolios .heda:hover{color:#646873;}
     .price{height:30px;padding:0 8px;letter-spacing:1px;line-height:150%;color:#2d2e2e;}
}
/*smart phone landscape and ipad land scape*/
@media only screen and (min-width: 436px) and (max-width: 800px){
     .portifolios{position:relative;z-index:2;width:96%;margin:10px auto;background:#fcfcfc;box-shadow:0px 0px 2px rgba(0,0,0,0.2);cursor:pointer;transition:all .2s ease-in-out;overflow:hidden;border:1px solid #ddd;border-radius: 10px;}
     .portifolios:hover{box-shadow:0px 7px 7px rgba(0,0,0,0.2);}
     .portifolios a{text-decoration:none;}
     .portifolios .cover{width:100%;overflow:hidden;height:170px;}
     .portifolios .heda{padding:8px;letter-spacing:1px;color:#000;text-align:left;}
     .portifolios .heda:hover{color:#646873;}
     .price{height:30px;padding:0 8px;letter-spacing:1px;line-height:150%;color:#2d2e2e;}
}
/*work in a width of 850 px customed */
@media only screen and (min-width: 801px) and (max-width: 1000px){
     .portifolios{position:relative;z-index:2;width:49%;float:left;margin:10px .5%;background:#fcfcfc;box-shadow:0px 0px 2px rgba(0,0,0,0.2);cursor:pointer;transition:all .2s ease-in-out;overflow:hidden;border:1px solid #ddd;border-radius: 10px;}
     .portifolios:hover{box-shadow:0px 7px 7px rgba(0,0,0,0.2);}
     .portifolios a{text-decoration:none;}
     .portifolios .cover{width:100%;overflow:hidden;height:170px;}
     .portifolios .heda{padding:8px;letter-spacing:1px;color:#000;text-align:left;}
     .portifolios .heda:hover{color:#646873;}
     .price{height:30px;padding:0 8px;letter-spacing:1px;line-height:150%;color:#2d2e2e;}
}
/*work for ipad min and kindle fire*/
@media only screen and (min-width: 1001px) and (max-width: 1150px){
     .portifolios{position:relative;z-index:2;width:44%;float:left;margin:10px 3%;background:#fcfcfc;box-shadow:0px 0px 2px rgba(0,0,0,0.2);cursor:pointer;transition:all .2s ease-in-out;overflow:hidden;border:1px solid #ddd;border-radius: 10px;}
     .portifolios:hover{box-shadow:0px 7px 7px rgba(0,0,0,0.2);}
     .portifolios a{text-decoration:none;}
     .portifolios .cover{width:100%;overflow:hidden;height:170px;}
     .portifolios .heda{padding:8px;letter-spacing:1px;color:#000;text-align:left;}
     .portifolios .heda:hover{color:#646873;}
     .price{height:30px;padding:0 8px;letter-spacing:1px;line-height:150%;color:#2d2e2e;}
}
/*large screen style sheet*/
@media screen and (min-width: 1151px){
     .portifolios{text-transform: uppercase; font-size: larger; position:relative;z-index:2;width:31.111%;float:left;margin:10px;background:#fff;cursor:pointer !important;transition:all .2s ease-in-out;overflow:hidden;border:1px solid #ddd;border-radius: 10px;}
     .portifolios:hover{box-shadow:0px 7px 7px rgba(0,0,0,0.2);}
     .portifolios a{text-decoration:none;}
     .portifolios .cover{width:100%;overflow:hidden;height:170px;}
     .portifolios .heda{padding:10px;letter-spacing:1px;color:#000;text-align:left;}
     .portifolios .heda:hover{color:#646873;}
     .price{height:30px;padding:0 8px;letter-spacing:1px;line-height:150%;color:#2d2e2e;}
}
/*desktop style sheet*/
@media only screen and (min-width: 1151px) and (max-width: 999999999999px){
     .portifolios{text-transform: uppercase; font-size: larger; position:relative;z-index:2;width:31.111%;float:left;margin:10px;background:#fff;cursor:pointer !important;transition:all .2s ease-in-out;overflow:hidden;border:1px solid #ddd;border-radius: 10px;}
     .portifolios:hover{box-shadow:0px 7px 7px rgba(0,0,0,0.2);}
     .portifolios a{text-decoration:none;}
     .portifolios .cover{width:100%;overflow:hidden;height:170px;}
     .portifolios .heda{padding:10px;letter-spacing:1px;color:#000;text-align:left;}
     .portifolios .heda:hover{color:#646873;}
     .price{height:30px;padding:0 8px;letter-spacing:1px;line-height:150%;color:#2d2e2e;}
}