body{ font: Arial;  background-color: #F3E9F5; }

.menu-box{  background-color: #F3E9F5; } 

.container {
  padding: 0px;  
}

@media (min-width: 768px) {
  .container {
    padding-right: 15px;
	padding-left: 15px;
  }
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
  width: 200px;
  color: #a4cada;
}

/*кнопка вверх*/
.scrollup{
width:50px;
height:50px;
opacity:0.9;
position:fixed;
bottom:20px;
right:100px;
display:none;
text-indent:-9999px;
background: url(../images/icona_top1.png) no-repeat;
}

.catalogPath{font: normal 16px Arial; color: #ffffff; }
.breadcrumb{background-color:#58415f; }
.breadcrumb-item{color:#ffffff;}
.catalogPage{clear: both;   text-align:center;}

.catalogHead{font: normal 20px Arial; color: #58415f;}
.card{ display: inline-block;  width: 18rem; margin: 10px;}

.myportfolio_item_1{display: inline-block;  width: 20rem; margin: 5px;}
.myportfolio_item_2{display: inline-block;  width: 20rem; margin: 5px;}
.myportfolio_item_3{display: inline-block;  width: 20rem; margin: 5px;}
.myportfolio_item_4{float: none; display: inline-block; width: 20rem; margin: 5px;}
.myportfolio_item_41{padding: 0px;}

@media (min-width: 768px) {
 .myportfolio_item_1{display: inline-block;  width: 20rem; margin: 10px;}
 .myportfolio_item_2{display: inline-block;  width: 30rem; margin: 10px;}
 .myportfolio_item_3{display: inline-block;  width: 61rem; margin: 10px;}
 .myportfolio_item_4{ float:left;   width: 30rem; margin: 10px;} 
 .myportfolio_item_41{padding: 0px 50px;}
}