body{
     padding: 0px;}
#app{
    display: grid;
    min-height: 100vh;
    grid-template-columns: 100%;
    grid-template-rows: 60px 140px minmax(500px, auto) 30px;  
}

h1, h2, h3, h4, h5, h6{
    margin: 0 !important;
    padding: 0 !important;
}

h1, .menu-underline-text{
    text-transform: uppercase;
}

.nav-bar-static-top{
    grid-row: 1/2;
}
#header{
    grid-row: 2/3;
    
}
/*inactive block start*/
.inactive{
    opacity: 0.3;
}
/*inactive block end*/
.content{
    grid-row:3/4;
    margin-bottom: 65px;
}

.footer{
    grid-row:4/5;
    align-self: end;
    
}

#header, .content, .footer, .nav-bar-static-top{
    grid-column: 1/2;
    display:grid;
    grid-template-columns: 980px;
    grid-template-rows: auto;
    justify-content: center;	
}
#header .inner-container{
    display: grid;
    grid-template-columns: 25% 75%;
    grid-template-rows: 0 140px ;	
   
    
}
#header .blockTitle{
    grid-column: 1/2;
    grid-row: 1/2;
    z-index: 2;
    margin-top: -15px;
}

.logo{
    grid-column: 1/2;
    grid-row: 2/3;
    padding-top: 21px;
    padding-bottom: 10px;
}
.logo a:hover, a:focus, a:hover{
    text-decoration: none;
    
   
}

.logo a div{
     margin-top: -9px;
}

.menu {
    grid-column: 2/3;
    grid-row: 2/3;
    
}
.menu-icon .menu-underline{
    display: none;
}
#menu-list a:focus, #menu-list a:hover{
    color: white;
}
.menu-slider{
    display: none;
}
ol, ul {

    margin: 0;
    padding: 0px;
    list-style-type: none;
}
/*styles for menu bar min-width=980px start*/
@media only screen and (min-width:1021px){
   .menu-list-inner{
    display: grid;
    grid-template-columns: repeat(9, auto);
    grid-template-rows: 100%;
    grid-auto-flow: row;
    align-content: center;
}
.menu-list-inner div:first-child{
    grid-column:1/2;
    grid-row: 1/2;
     align-self: center;
}

.menu {

    display: grid;
    align-items: end;
    margin-bottom: 35px;
    margin-left: 30px;
}

.menu-item{
    float: right;
}
}
/*styles for menu bar min-width=980px end*/

.menu-underline{
    display:grid;
    grid-template-columns: 100%;
    grid-template-rows: auto 1px 1px 2px 1px 1px 1px 1px 1px;
    
}
.menu-underline-text{
    grid-column:1/2;
    grid-row: 1/2;
    
}
.menu-underline-1{
    grid-column:1/2;
    grid-row: 2/3;
    background-color: #bf7954;
   margin: 0 4px 0 4px;
}
.menu-underline-2{
    grid-column:1/2;
    grid-row: 3/4;
    background-color: transparent;
   margin:0;
}

.menu-underline-3{
    grid-column:1/2;
    grid-row: 4/5;
    background-color: #f8ecbd;
   
}
.menu-underline-4{
    grid-column:1/2;
    grid-row: 5/6;
    background-color: transparent;
   margin:0;
}

.menu-underline-5{
    grid-column:1/2;
    grid-row:6/7;
    background-color: #bf7954;
    margin: 0 4px 0 4px;
   
}
.menu-underline-6{
    grid-column:1/2;
    grid-row: 7/8;
    background-color:transparent;
   margin:0;
}

.menu-underline-7{
    grid-column:1/2;
    grid-row:8/9;
    background-color: #9e3819;
    margin: 0 8px 0 8px;
   
}
.line{
    display:none;
}
/* styles for active menu item start*/
.menu div>a.active span.menu-underline-text{
    color: #FF9933; 
}

.menu div>a.active .line, .menu-item:hover .line{
    display: block;
}
/* styles for active menu item end*/

.inner-container{
    grid-column: 1/2;
    grid-row: 1/2;
    align-self: start;
    
}
.content .inner-container{
    display:grid;
    grid-template-columns: 20px 20px 900px 20px 20px;
    grid-template-rows: minmax(400px, auto) 8px 8px;
}

.main-content{
     grid-column: 1/6;
    grid-row: 1/2;
    border: 10px solid #f0d7a1;
    padding: 30px;
    
}
.main-content-index{
    display: grid;
    grid-template-columns: 60% 40%;
    grid-template-rows: 100%;
    
}


.main-content-index-left{
    grid-column: 1/2;
    grid-row: 1/2;
}


.main-content-index-left-inner, .gallery-main-content-right-inner{
     display: grid;
     grid-template-columns: 100%;
     grid-template-rows: 100%;
 }

.mySlides, .mySlides-menu {
   grid-column:1/2;
   grid-row: 1/2;
   width: 100%;

}
   

.mySlides-manual{
    visibility: visible !important;
}
.main-content-index-left .mySlides{
  /*   border: 10px solid white;*/
}
.main-content-index img{
    width: 100%;
}


/*main-content-index slider start*/

.main-content-index-right{
    grid-column: 2/3;
    grid-row: 1/2;
    padding-left: 30px;
    display: grid;
}
.main-content-index-right h1{
    margin-left: -30px;
    margin-bottom: 21px !important;
}

.content-bottom-1{
     grid-column: 2/5;
    grid-row: 2/3;
    background-color: #a5421f;
    border: 1px solid #b15a31;
     border-top: 1px solid #911d00;
    
}
.content-bottom-2{
    grid-column: 3/4;
    grid-row: 3/4;
    background-color: #9b300f;
     border: 1px solid #a53d1a;
     border-top: 1px solid #962405;
}
 .footer{
    margin-top:0px;
    background-color: #35332e;
    margin-bottom: 0px !important;
}
.footer .gallery-links_header{
    display: none;
}
.navbar-default {

    border-color:  #35332e!important;

}
.container{
    width: 980px;
}
.footer .container .gallery-main{
    border: 2px solid red;
}

.footer .inner-container{
   padding: 20px 0;
   
    font-family: Titile;
    
    font-size: 20px;
}
.inner-container .text-block{
    padding: 0 !important;
}

.footer .text-block{
    font-family: Title;
    font-size: 20px;
    color: #f9ecba !important;
    font-weight: 400;
    letter-spacing: 3px;
}
.footer .text-block p{
    margin-bottom: 0px;
}
#text_18 .text-block-item{
    padding: 0px !important;
}

.main-content-illustrations{
    padding-top: 15px;
}
/*Tab style start/*/
.tab {
    overflow: hidden;
}

.tab button {
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    transition: 0.3s;
    background-color:  #f9ecba !important;
    padding: 0px;
}

/* Change background color of buttons on hover */
.tab button:hover {
   /* background-color:  #f9ecba;*/
}

/* Create an active/current tablink class */
.tab button.active {
  /*  background-color: #ccc;*/
}
.submenu{
    color: #bd2500;
    margin: 8px 0px 0 0px;
    padding-right: 20px !important;
}

.submenu.active{
     color: #2e0101 !important;
}
.tablinks:hover{
    text-decoration: underline #bd2500 solid;
    background-color: #f9ecba !important;
}

.tablinks.active:hover{
    text-decoration: none;
}

.tablinks_header{
    padding-right: 20px !important;
}



.mySlidesMain{
   /* border: 10px solid white;*/
    width: 100%;
}


/*illustrations.html new page without tbs start*/
.gallery-main{
    display: grid;
    grid-template-columns: 40% 60%;
    grid-template-rows: auto auto;
    margin-top: -10px;
}

.gallery-main-header{
    display: grid;
    grid-column: 1/3;
    grid-row: 1/2;
    grid-template-columns: repeat(9, auto);
    grid-auto-flow: row;
    grid-template-rows: auto;
    
}
.gallery-main-header a:first-child{
    grid-column: 1/2;
    grid-row: 1/2;
}
.gallery-main-header a{ 
    align-self: end;
   justify-self: start;
    
}

.gallery-main-header a{
    color: #bd2500 !important;
}
.gallery-main-header a:hover{
    text-decoration: underline !important;
    
}
.my-row::before, .my-row::after {
    display: none !important;
}
.submenu{
    color: #bd2500;
    margin: 0px 0px 0 0px;
    padding-right: 0 !important;
}

.submenu.active{
     color: #2e0101 !important;
}
.gallery-links:hover{
    text-decoration: underline #bd2500 solid;
    background-color: #f9ecba !important;
    color: #bd2500;
}

.gallery-links.active:hover{
    text-decoration: none;
}

.gallery-links_header{
    padding-right:20px !important;
}
.gallery-main-content{
    grid-column: 1/3;
    grid-row: 2/3;
    display: grid;
    grid-template-columns: 40% 60%;
    grid-template-rows: auto;
}

.gallery-main-content-left{
    grid-column: 1/2;
    grid-row: 2/3;
    padding: 65px 30px 0 0px;
}

.gallery-main-content-right{
    grid-column: 2/3;
    grid-row: 2/3;
    padding: 40px 0px 30px 0px;
}

/*sub-gallery.html new with owl-carousel start*/
.sub-gallery{
    display: grid;
    grid-template-columns: 40% 60%;
    grid-template-rows: auto auto;
}
.row{
    margin: 0px !important;
}
.sub-gallery .gallery-main-header{
    grid-column: 1/3;
    grid-row: 1/2;
    margin-bottom: 30px;
    margin-top: -10px;
}
.sub-gallery-left{
    grid-column: 1/2;
    grid-row: 2/3;
}
.sub-gallery-right{
    grid-column: 2/3;
    grid-row: 2/3;
    align-items: center;
    justify-items: center;
    margin-left: 0px;
    margin-right: 30px;
    margin-top: 65px;
}

.sub-gallery-left{
    display: grid;
    grid-template-columns: 100%;
    grid-template-rows: 40px 50px 540px auto;;
}
#autoplayController{
     grid-column: 1/2;
    grid-row: 1/2;
    margin-bottom: 10px;
     color:rgb(145, 29, 0);
    
}
#autoplayController:visited, #autoplayController:focus{
    color:rgb(145, 29, 0);
}
.paginator-top{
    grid-column: 1/2;
    grid-row:2/3;
    margin-bottom: 10px;
}
.owl-preview{
     grid-column: 1/2;
    grid-row:3/4;
    margin-bottom: 10px;
   
}
.paginator-bottom{
    
    grid-row:4/5;
}
.paginator .paginator-next{
   grid-column:4/5;
    grid-row:1/2;
    width: 60px;
    padding-left: 7px;
    justify-self: start;
}
.paginator-prev, .paginator-next, .paginator .owl-dot{
    padding-bottom: 2px;
padding-left: 7px;
padding-right: 7px;
padding-top: 4px;
margin-right: 2px;

    border:1px solid rgb(204, 204, 204) !important;
    
}

.paginator .owl-dot{
    cursor: pointer;
    width: 26px;
}
.paginator a{
    color: rgb(119, 119, 119) !important;
}
.owl-preview .item {
     display: grid;
    grid-template-columns: 103px 103px;
    grid-template-rows: repeat(5, 100px);
    grid-auto-flow: row;
    
     grid-column-gap: 5px;
  grid-row-gap: 5px;
    margin: 0 !important;
}

 .owl-preview .item .preview-img:first-child{
    grid-column:1/2;
    grid-row: 1/2;
    
}

.preview-img a div{
    width: 100%;
    height: 100%;
    padding:2px;
    border: 1px solid rgb(204, 204, 204);
     background-repeat: no-repeat;
     background-size: cover;
    
}
.preview-img{
    opacity: 0.67;
}
.preview-img:hover, .preview-img.active{
    opacity: 1;
}
.preview-img.active{
  border: 2px solid black;  
}

.sub-gallery-right .item img{
    width: 100% !important;
    
}
/*wthite borders for gallery photo start*/
.owl-slider .item{
    background-color: white;
    
}
.owl-slider .item .gallery-caption{
   color: #35332e;
   border-bottom: 20px solid white;
}

.owl-slider .clean-item .gallery-caption{
   text-align: center;
   margin-top: 10px;
}

.gallery-photo{
    border: 20px solid white;
}
/*wthite borders for gallery photo and*/
/*sub-gallery.html new with owl-carousel end*/
.sub-gallery-old{
    display: grid;
    grid-template-columns: 40% 60%;
    grid-template-rows: auto auto auto 570px auto;
}
.sub-gallery-old .gallery-main-header{
    grid-column: 1/3;
    grid-row: 1/2;
    margin-bottom: 30px;
    margin-top: -10px;
}
.play-slides{
    grid-column: 1/3;
    grid-row: 2/3;
    margin-bottom: 10px;
   
}

.my-paginator-top{
    grid-column: 1/2;
    grid-row: 3/4;
}
.photo-preview{
    grid-column: 1/2;
    grid-row: 4/5;
    margin-top: 10px;
     margin-bottom: 10px;
}
.my-row::before {
    display: none;
    content: none;
}
.my-row:after {
  content: none;
  display: none;
  clear: both;
}
.preview {
  opacity: 0.67;
}

.preview.active,
.preview:hover {
  opacity: 1;
}
.preview.active{
    border: 2px solid black;
}
.my-row {
    display: grid;
    grid-template-columns: 103px 103px;
    grid-template-rows: repeat(5, 100px) auto;
    grid-auto-flow: row;
    width: 100%;
     grid-column-gap: 5px;
  grid-row-gap: 5px;
    margin: 0 !important;
}

.preview:first-child{
    grid-column:1/2;
    grid-row: 1/2;
    
}

.preview{
    width: 100%;
    height: 100%;
    padding:2px;
    border: 1px solid rgb(204, 204, 204);
     background-repeat: no-repeat;
     background-size: cover;
    
}
.arrows{
    grid-column: 2/3;
    grid-row: 3/4;
    display: grid;
    grid-template-columns: 50% 50%;
    grid-template-rows:auto;
}
/* Add a pointer when hovering over the thumbnail images */
.cursor {
  cursor: pointer;
}

/* Next & previous buttons */
.prev,
.next {
  cursor: pointer;
  
  width: auto;
  color: rgb(119, 119, 119);
/*  padding: 16px;*/
  margin-top: 0px;
/*  color: white;
  font-weight: bold;*/
  font-size: 20px;
  border-radius: 0 3px 3px 0;
  user-select: none;
  -webkit-user-select: none;
}
.prev{
    grid-column: 1/2;
    grid-row: 1/2;
    justify-self: end;
    padding-right: 20px;
}

.next{
    grid-column: 2/3;
    grid-row: 1/2;
    justify-self: start;
    padding-left: 20px;
}
.prev:hover, .next:hover {
    color: rgb(119, 119, 119);
}

.sub-gallery-old-photo{
    grid-column: 2/3;
    grid-row: 4/5;
     margin-bottom: 10px;
      margin-top: 10px;
}
.main-photo, .photo-caption, .prev, .next{
    animation: opacityUp 2s ease-in-out;
    
}
.mySlides-inner{
    display: grid;
    grid-template-columns: auto;
    grid-template-rows: auto auto;
    
    padding: 0px;
   /*margin-left: 80px;
   background: white;*/
    
}

.main-photo{
    grid-column: 1/2;
    grid-row: 1/2;
    max-height: 600px;
    max-width: 100%;
    border: 10px solid white;
    justify-self: center;
    border-bottom: 50px solid white;
    
    
}
.photo-caption{
    background-color: white;
}

.photo-caption{
    grid-column: 1/2;
    grid-row: 2/3;
    justify-self: center;
    align-self: end;
    justify-self: center;
    border-bottom: 10px solid transparent;
    margin-top: -40px;
    z-index: 10;
    padding: 0 10px;
    text-align: center;
}

.my-paginator-bottom{
   grid-column: 1/2;
    grid-row: 5/6; 
}

.my-paginator{
    display: grid;
    grid-template-columns: 60px repeat(4, 23px) 60px;
    grid-template-rows: 100%;
    grid-auto-flow: row;
}
.my-paginator a:first-child{
    grid-column:1/2;
    grid-row:1/2;
}
.my-paginator a:last-child{
    grid-column:6/7;
    grid-row:1/2;
}
.my-paginator a{
    padding-bottom: 2px;
padding-left: 7px;
padding-right: 7px;
padding-top: 4px;
margin-right: 2px;
    border:1px solid rgb(204, 204, 204) !important;
    color: rgb(119, 119, 119) !important;
}
.my-paginator a.active, .paginator a.active, .paginator .owl-dot.active{
    background-color: black;
    border-color: black;
    color: white !important;
}
.my-paginator a:hover, .paginator-next:hover, .paginator-prev:hover, .paginator .owl-dot:hover{
    background-color: #eeeeee;
}
.my-paginator a.active:hover, .paginator-next.active:hover, .paginator-prev.active:hover, .paginator .owl-dot.active:hover{
    background-color: black;
    cursor: auto;
}
/*illustrations.html new page without tbs end*/

/*art-lessons.html start*/
.art-lesson-left{
    display: grid;
    grid-template-columns: 100%;
    grid-template-rows: repeat(5, auto);
    grid-auto-flow: row;
    grid-row-gap: 20px;
    
}
.art-lesson-left .play-slides{
    grid-column:1/2;
    grid-row: 1/2;
}
.art-lessons-email{
    grid-column:1/2;
    grid-row: 5/6;
}
.art-lessons-main-left{
    padding: 0px 30px 0 0px
}
.lessons_describe br{
    margin-bottom: 10px;
}
.lessons-com img{
    width: 45%;
}
.art-lessons-email:hover, .art-lessons-email:focus, .art-lessons-email:visited{
    color: rgb(145, 29, 0);
    
}

#tab-art-lessons .prev, #tab-art-lessons .next {
    cursor: pointer;
    position: absolute !important;
    top:220px !important;
}
#tab-art-lessons .prev{
    left: 1080px  !important;
}
#tab-art-lessons .next{
    left: 1150px  !important;
}
.main-content-illustrations .prev, .main-content-illustrations .next {
    cursor: pointer;
    position: absolute !important;
    top:250px !important;
}
.main-content-illustrations .prev{
    left: 1040px !important;
}
.main-content-illustrations .next{
    left: 1110px !important;
}
.lessons_describe{
    font-style: italic;
}
.photo{
    display: grid;
    grid-template-columns: 50% 50%;
    grid-template-rows: auto auto;
    margin-left: 30px;
    margin-right: 30px;
    
}
.photo .mySlides{
    grid-column: 1/3;
    grid-row: 2/3;
    width: 100%;
}

.photo .prev{
    grid-column: 1/2;
    grid-row: 1/2;
    margin-top: -40px;
}

.photo .next{
    grid-column: 2/3;
    grid-row: 1/2;
    margin-top: -40px;
}
/*art-lessons.html end*/

/*about start*/

#tab-about .tab-main-right{
   padding: 15px 0px 30px 0px;
}
#tab-about br{
    margin-bottom: 20px;
}

/*about text.block start*/
.content .text-block{
    display: block;
    grid-template-columns: 40% 60%;
    grid-template-rows: auto auto 150px;
    border: red;
}
/*about text.block end*/

/*about end*/

/*contact-us.html start*/
.main-content .text-block{
    display: grid;
    grid-template-columns: 50% 50%;
    grid-template-rows: auto;
   
}
.main-content .text-block-item:first-child{
    grid-column: 1/2;
    grid-row: 1/2;
    text-align: justify;
     margin-right: 30px;
    
}
.main-content .text-block-item:first-child h1{
    text-align: left;
    margin-bottom: 65px !important;
   
}
.main-content .text-block-item:nth-child(2){ 
    grid-column: 2/3;
    grid-row: 1/2;
    
}
.main-content .text-block-item:nth-child(2) iframe{
   
    padding: 50px 0px 0px 0px;
}

.main-content .text-block-item:nth-child(3){
     grid-column: 1/2;
    grid-row: 2/3;
    margin-right: 30px;
    display: grid;
    justify-items: center;
}
/*.main-content .text-block-item:nth-child(3) img{
    height: 150px;
}*/
/*.page-12{
    display: grid;
    grid-template-columns: 50% 50%;
    grid-template-rows: auto auto;

}*/
.page-12{
    height: 100%;
    width: 100%;
}
.page-12 .block{
    margin-left: 0 !important;
    margin-right: 0px !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
}
#feedback_16{
    margin-right: 15px;
}

.page-12 img{
    width: 100%;
    padding-left: 15px;
}

.page-12 h1 a:hover, .page-12 h1 a:visited, .page-12 h1 a:focus {
    color: #c72b00;
}
.contact-us{
    display: grid;
    grid-template-columns: 100%;
    grid-template-rows: repeat(5, auto);
    padding-top: 0;
    
}
.contact-us-header{
    grid-column:1/2;
    grid-row: 1/2;
}
.contact-us-header h1{
    text-align: left;
}
.contact-us-description{
    grid-column:1/2;
    grid-row: 2/3;
    text-align: justify;
}
.gallery-main-content-left-contact-us{
    padding: 30px 30px 0 0px;
}

.gallery-main-content-right{
    display: block;
    justify-items: center;
}
.gallery-main-content-right img{
    width: 100%;
}
.gallery-main-content-right-contact-us{
    padding-top: 0 !important;
}
.send-form{
    grid-column:1/2;
    grid-row: 3/4;
}
.send-form .col-sm-10{
    width: 70%
}
.send-form .col-sm-2{
    width: 30%
}
.captcha{
    grid-column:1/2;
    grid-row: 4/5;
    margin-top: 10px;
    margin-bottom: 10px;
}
.send-button{
    grid-column:1/2;
    grid-row: 5/6;
}
.contact-us-photo{
    grid-column:2/3;
    grid-row: 2/6;
    margin-top: 10px;
}
label{
    text-align: left;
}
.captcha{
    justify-self: start;
}
.form-horizontal .control-label {
    
    text-align: left !important;
}
textarea{
    resize: vertical;
    margin-bottom: 0px;
}
.form-group:last-child{
    
    margin-bottom: 0px;
}
input:focus, textarea:focus{
   -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(145, 29, 0, 0.3) !important;
box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(145, 29, 0, 0.3) !important;
    border-color: rgba(145, 29, 0, 0.5) !important;
}
input, textarea{
    border-color: rgba(145, 29, 0, 0.3) !important;
    border-radius: 0 !important;
    width: 100%;
}
.login-page .btn-primary{
    border-color: rgba(145, 29, 0, 0.3) !important;
    border-radius: 0 !important;
}
.form-group{
    margin: 10px 0;
}
.send-button button, input[type=submit], .settings .btn, .login-page .btn-primary{
    color:rgba(53, 51, 46, 1) !important;
     border-color: rgba(145, 29, 0, 0.3) !important;
     background-color:  rgba(240, 215, 161, 0.5) !important;
     border-radius: 0 !important;
}
#feedback_16 input[type="submit"], #feedbackForm input[type="submit"]{
    margin-left: 20px;
}
input[type=submit]{
    width:auto;
    height: 36px;
    margin-top: 20px;
    margin-bottom: 20px;
}
.send-button button:hover, input[type=submit]:hover, .settings .btn:hover, .login-page .btn-primary:hover{
    
     background-color:  rgba(240, 215, 161, 0.9) !important;
     border-color: rgba(145, 29, 0, 0.35) !important;
}
.g-recaptcha{
    margin-top: 20px;
    margin-left: 20px;
}

.alert-success{
    
    border: 1px solid #4b6242 !important;
    color:  #4b6242 !important;
    border-radius: 0 !important;
}

.alert-danger{
    border: 1px solid rgb(145, 29, 0) !important;
    color:  rgb(145, 29, 0) !important;
    border-radius: 0 !important;
}
/*contact-us.html end*/
/* review.html start*/
.review{
    display: grid;
    grid-template-columns: 50% 50%;
   
    
}

.write-review{
    grid-column:1/3;
    grid-row: 1/2;
    display: grid;
    grid-template-columns: 100%;
    grid-template-rows: auto auto auto auto;
    grid-row-gap: 10px;
    margin-bottom: 20px;
 }
 
 .write-review .header{
     grid-column:1/3;
    grid-row: 1/2;
    margin-top: 30px;
 }
 
 .write-review form{
      grid-column:1/3;
    grid-row: 2/3;
 }
 .write-review .captcha{
     grid-column:1/3;
    grid-row: 3/4;
    margin-bottom: 10px;
    margin-top: 10px;
 }
 .write-review .send-button{
    grid-column:1/3;
    grid-row: 4/5;
 }
.review .my-paginator-top{
    grid-column:1/3;
    grid-row: 2/3;
    margin-right: 30px;
    
}

.review-block{
    grid-column:1/3;
    grid-row: 3/4;
    display: grid;
    grid-template-columns: 100%;
    grid-template-rows: repeat(5, auto);
    grid-auto-flow: row;
    grid-row-gap:10px;
}
.review-item:first-child{
    grid-column: 1/2;
    grid-row: 1/2;
    margin-top: 10px;
}
.review-item:last-child{
    margin-bottom: 10px;
}
.review-item{
    display: grid;
    border: 1px solid rgba(145, 29, 0, 0.3);
    padding: 10px;
    background-color: white;
    grid-template-columns: 100% 0%;
    grid-template-rows: 40px auto;
    margin-bottom: 10px;
    
}
.review-item:hover{
    background-color: hsl(48, 84%, 95%);
    border: 1px solid rgba(145, 29, 0, 0.4);
    
}
.review-item-name{
    grid-column: 1/2;
    grid-row: 1/2;
    font-weight: bold;
    font-style: italic;
    margin-bottom: 3px;
}
.review-item-date{
    grid-column:2/3;
    grid-row: 1/2;
    justify-self: end;
    margin-bottom: 3px;
}
.review-item-text{
    grid-column: 1/3;
    grid-row: 2/3;
    text-align: justify;
}
.review .tab-my-paginator-bottom{
    grid-column:1/3;
    grid-row: 4/5;
    
    margin-right: 30px;
    margin-top: 0;
}
.review-items{
    grid-column:1/2;
    grid-row: 3/4;
}

.review-right{
    grid-column:2/3;
    grid-row: 1/5;
}
#add-comments{
    display: block;
}
.review-my-paginator-top {
    grid-column: 1/3;
    grid-row: 2/3;
}
/*review.html end*/
/*art-supplies tab start*/
.art-supplies{
    display: grid;
    grid-template-columns: 31% 31% 32%;
    grid-template-rows: repeat(3, auto);
    grid-auto-flow: row;
    grid-column-gap: 20px;
   padding-top: 25px;
}
.art-suppplies-item:nth-child(1){
    grid-column: 1/2;
    grid-row: 1/2;
}
.art-suppplies-shop .art-supplies-item{
margin-bottom: 30px !important;
}
.art-supplies-item{
    background-color: white;
    display: grid;
    align-items: center;
}

.art-supplies-item:nth-child(1){
   
    grid-column: 1/2;
    grid-row: 1/2;
}

.art-supplies-item{
   border: 2px solid white;
    opacity: 0.67;
    
}
.art-supplies-item:hover{
    opacity: 1;
    border: 2px solid   rgb(204, 204, 204);
}

.art-supplies-item a{
    display: grid;
    padding:10px;
    grid-template-columns: 100%;
    grid-template-rows: auto auto auto;
    
    
    
}

.art-supplies-item a, .art-supplies-item a:hover, .art-supplies-item a:focus, .art-supplies-item a:visited{
    color:  #35332e;
    text-align: justify;
}
.art-supplies-header, .art-supplies-item .send-button{
    text-align: center !important;
    margin: 0px;
    padding:  0 !important;
}
.art-supplies-item a picture{
    grid-column: 1/2;
    grid-row: 1/2;
   
    align-self: center;
}
.art-supplies-item a picture, .art-supplies-item a img{
     width: 100%;
    
}


.art-supplies-item-description{
    grid-column: 1/2;
    grid-row: 2/3;
    margin-top: 10px;
}
.art-supplies-item .send-button{
     grid-column: 1/2;
    grid-row: 3/4;
    margin-top: 10px;
}

.art-supplies-main{
    grid-column:1/3;
    grid-row: 1/2;
    display: grid;
    grid-template-columns: 100%;
    grid-template-rows: auto auto auto auto;
    
}
.art-suppplies-item:first-child{
    grid-column: 1/2;
    grid-row: 1/2;
    background-color:  red !important;
}
.art-suppplies-shop{
    grid-template-rows: auto;
    padding-top: 10px;
}

.art-suppplies-shop-header{
  grid-column: 1/2;
    grid-row:1/2;
    padding-bottom: 25px;
    display: grid;
    grid-template-columns: 100px auto;
    grid-template-rows: 100%;
}
.art-suppplies-shop-header span{
    margin: 8px 0px 0 40px; 
    color: #2e0101;
    grid-column: 2/3;
    grid-row: 1/2;
   justify-self: start;
    justify-self: start;
}
.art-suppplies-shop-header a{
   grid-column: 1/2;
    grid-row: 1/2; 
     justify-self: start;
     align-self: end;
}
.art-suppplies-shop-header h1{
    text-align: left;
}
.art-supplies-main .tab-my-paginator-top{
    grid-column: 1/2;
    grid-row:2/3;
}
.shop-slider{
    grid-column:  1/2;
    grid-row:3/4;
   
}
.shop-slider-inner{
    display: grid;
    grid-template-columns: 100%;
    grid-template-rows: repeat(1000, auto);
    grid-auto-flow: row;
}
.my-paginator-top-art-supplies{
    grid-column: 1/2;
    grid-row: 2/3;
}

.gallery-main-header{
    margin-bottom:10px;
}
.submenu-last-item{
    color: #2e0101 !important;
    text-decoration: none;
    cursor: default;
}

/*art-supplies tab end*/
/*shop.html start */
.shop{
    grid-template-columns: 100%;
    grid-template-rows: auto auto;
    
    margin-top: -10px;
}

.shop .gallery-main-header{
    grid-column: 1/2;
    grid-row: 1/2;
}

.shop-content{
    grid-column: 1/2;
    grid-row: 2/3;
}

.shop-content{
    display: grid;
    grid-template-columns: repeat(3, 32%);
    grid-template-rows: auto;
    grid-auto-flow: row;
    grid-column-gap: 2%;
}
.shop-item:first-child{
    grid-column: 1/2;
    grid-row: 1/2;
}

.shop-item{
    height: 250px;
}
.shop-item a{
    display: grid;
    grid-template-columns:100%;
   background-color: white;
    grid-template-rows: auto 50px;
    opacity: 0.67;
    border: 2px solid transparent;
    height: 100%
   
}
.shop-item a:hover{
    opacity: 1;
     border: 2px solid rgb(119, 119, 119);
}
.shop-item a img{
    grid-column: 1/2;
    grid-row: 1/2;
max-width: 100%;
max-height: 100%;
padding: 20px;
margin: auto;
}
.shop-item-title{
    grid-column: 1/2;
    grid-row: 2/3;
    margin: 10px 0 !important;
}

.shop-item-title h1{
    text-align: center;
}

.shop-item-description{
     grid-column: 1/2;
    grid-row: 3/4;
    padding: 0  10px;
    padding-bottom: 10px;
}
/*shop.html end */

/*styles for slider arrows start*/
.gallery-main-content-right .navigator .navigator-prev a, .gallery-main-content-right .navigator .navigator-next a{
    color: rgb(119, 119, 119);
}
.gallery-main-content-right .navigator .navigator-prev, .gallery-main-content-right .navigator .navigator-next{
   
    padding-bottom: 2px;
padding-left: 7px;
padding-right: 7px;
padding-top: 4px;
margin-right: 2px;
border: 1px solid rgb(204, 204, 204) !important;
width: 90px;
}
.gallery-main-content-right .navigator{
    display: grid;
}
 
.gallery-main-content-right .navigator .navigator-prev {
    justify-self: start;
    display: grid;
    justify-items: center;
}
.gallery-main-content-right .navigator .navigator-next { 
    justify-self: end;
    display: grid;
     justify-items: center;
}

.gallery-main-content-right .navigator .navigator-next:hover, .gallery-main-content-right .navigator .navigator-prev:hover{
    background-color: #eeeeee;
}
/*styles for slider arrows end*/
@media only screen and (min-width:1021px){
    .main-content-index-left, .gallery-main-content-right{
        width:522px;
    }
    .sub-gallery-left{
        width:348px;
    }
}
@media only screen and (max-width:1020px){
    #header, .content, .footer{ 
    grid-template-columns: 90%;
    }
    
    .content .inner-container {
    grid-template-columns: 20px 20px calc(100% - 80px) 20px 20px;
	grid-template-columns: 20px 20px -webkit-calc(100% - 80px) 20px 20px;
    }
    
    .header .inner-container {
    grid-template-columns: 75% 25%;
    }
 #menu-list {

    display: none;
 }
 
.menu .dropdown{
    display: grid;
    grid-template-columns: auto 70px;
    grid-template-rows: 140px;
}
.menu-icon{
    grid-column: 2/3;
    grid-row: 1/2;
    align-self: center;
    justify-self: end;
}
#menu-list{
    width: 90.24vw;
    position: absolute;
    top: 138px;
    left: -58.6vw;
    border-radius: 0;
    min-height: 444px;
    background-color: #f9ecba;
    
   
    border: 10px solid #f0d7a1;
    padding: 0px 0px 0 0px;

}
.menu-list-inner{
    display: grid;
    grid-template-columns: 60% 40%;
    grid-template-rows: repeat(9, auto);
    grid-auto-flow: row;
    align-items: center;
    margin: 30px 0 23px 0;
    
}
.menu-slider{
    display: block;
    grid-column: 1/2;
    grid-row: 1/10;
    margin-left: 30px;
}

.menu-icon .menu-underline{
    display: grid;
    width: 50px;
    grid-template-rows: auto 4px 4px 6px 4px 4px 4px 4px 4px;

}
.menu-item .menu-underline{
    grid-template-columns: auto 100px auto;
}
.menu-item .menu-underline-1,  .menu-item .menu-underline-2, .menu-item .menu-underline-3, .menu-item .menu-underline-4, .menu-item .menu-underline-5, .menu-item .menu-underline-6, .menu-item .menu-underline-7, .menu-item .menu-underline-text{

    grid-column: 2/3;
}
.menu-item .menu-underline-3{
    background-color: #f0d7a1;
}
#menu-list div a:hover, #menu-list div a:focus{
    background-color: #f0d7a1;
}
.menu-item-mob:hover, .menu-item-mob:focus{
    background-color:  #f0d7a1;;
}
.menu-item-mob:hover  .menu-underline-3, .menu-item-mob:focus .menu-underline-3{
    background-color:#f9ecba;
}
.item{
    color:rgb(145, 29, 0) !important;
}
.menu-icon .line{
    display: block;
}
.main-content-index-right div h1{
    display: grid;
    grid-template-columns:100%;
    grid-template-rows: auto auto;
}

.index-header-1{
    grid-column: 1/2;
    grid-row: 1/2;
}
.index-header-2{
    grid-column: 1/2;
    grid-row: 2/3;
}
.main-content-index-left {
    
    align-self: center;
}

.footer a, .footer a:hover, .footer a:visited, .footer a:focus {
    font-family: Title;
    font-size: 18px !important;
}
.photo {
   
    margin-left: 0px;
    margin-right: 0px;
}
.photo .mySlides {
    grid-row: 1/3;
}
.art-supplies-item a picture, .art-supplies-item a img {
    
   margin: auto;
    width: auto !important;
}

.col-sm-2{
    width:20% !important;
}
.col-sm-10{
    width:80% !important;
}

.gallery-main-content-about {

    display: grid;
    grid-template-columns: 100%;
    grid-template-rows: auto auto;
}
.gallery-main-content-left-about {

    grid-column: 1/2 !important;
    grid-row: 1/2 !important;
    padding: 30px 0px 0 0px !important;
}
.gallery-main-content-right-about {

    grid-column: 1/2 !important;
    grid-row: 2/3 !important;
    padding: 20px 0px 0px 0px !important;
}
.gallery-main-content .gallery-main-content-left-about #describe img {

    display: none;

}
.gallery-main-content-contact-us {

    grid-template-columns: 60% 40%;
}
.gallery-main-content-left-contact-us {

    padding: 30px 30px 0 0px;
}
.sub-gallery-right{
    margin-left: 0;
    margin-right: 0;
}

/*shop.html.start*/
   
    .shop-item a{
        opacity: 1;
    }
    
    .shop-item a:hover{
        border-color: white;
    }
    .page-12 img{
        width: 100%;
    }
/*shop.html end*/

 .container{
    width: 100vw; 
}

}
@media only screen and (min-width:1000px)and (max-width:1030px){
    .art-supplies-item a picture, .art-supplies-item a img {
       height: 150px;
    }
}
@media only screen and (min-width:900px)and (max-width:999px){
    .art-supplies-item a picture, .art-supplies-item a img {
       height: 130px;
    }
    .art-suppplies-shop{
    grid-template-rows: auto;
    }
}
@media only screen and (min-width:850px)and (max-width:899px){
    .art-supplies-item a picture, .art-supplies-item a img {
       height: 120px;
    }
}
@media only screen and (min-width:768px)and (max-width:849px){
    .art-supplies-item a picture, .art-supplies-item a img {
       height: 100px;
}
}
@media only screen and (min-width:451px) and (max-width:550px){
.art-supplies-item a img {
   
    height: 100% !important;
}
.art-suppplies-shop {
    grid-template-rows: repeat(3, 250px) !important;;
}
.art-supplies-item a img {

    max-height: 200px !important;
}
}
@media only screen and (max-width:450px){
.art-supplies-item a img {
   
    height: 90% !important;
}
.art-suppplies-shop {
    grid-template-rows: repeat(3, 200px) !important;
}
.art-supplies-item a img {

    max-height: 150px !important;
}
}
@media only screen and (min-width:1021px)and (max-width:1170px){
  #header .inner-container {

    grid-template-columns: 35% 65%;
} 
}
@media only screen and (max-width:1020px){
  #header .inner-container {

    grid-template-columns: 65% 35%;
} 
.hideOnMobile{
    display: none;
}
.write-review form {
    grid-column: 1/2;
}
}
@media only screen and (min-width:767px) and (max-width:1170px){
.settings{ 
width: 100vw;
left: 0px;

margin-left: 0px;
}
}

@media only screen and (min-width:767px){ 
    .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover{ 
     background-color:#f9ecba;
}
.dropdown-menu{
    border-radius: 0px;
    top: 47px;
}
}
@media only screen and (max-width:767px){ 
/*Styles for setting panel mobile start*/
.settings{
    width: 100vw;
    height: 100vh;
   left: 0px;
   margin-left: 0px;
}

#app nav .container .navbar-header .navbar-toggle{
    margin-right: 30px;
}
.container{
    width: 100vw;
    padding: 0px;
    margin: 0px;
    
}
#app nav .container .navbar-header .navbar-toggle .icon-bar{
    background-color: rgba(145, 29, 0, 1);
    height: 4px;
}
.container-fluid > .navbar-collapse, .container-fluid > .navbar-header, .container > .navbar-collapse, .container > .navbar-header {
    margin-right: 0px;
}
.navbar-default .navbar-toggle:hover .icon-bar{
    background-color: red;
}
#app nav .container .navbar-header .navbar-toggle .icon-bar:nth-child(3) {
   
    width: 30px;
    
    margin-left: -4px;
    margin-right: 4px;
}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{
     background-color:#f9ecba;
    
}
.navbar-default .navbar-toggle{
    border-color: #f9ecba;
    border-radius: 0px;
    background-color:#f9ecba;
    padding: 9px 6px 9px 12px;
    line-height: 16px;
    
   
}
.navbar-default .navbar-collapse{
    background-color: #f9ecba;
    width: 90%;
    
    margin-left: 5%;
   border: 10px solid rgb(240, 215, 161);
   
}

.navbar-brand{
    
    padding-left: 8%;
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:active {
   
    background-color: rgb(240, 215, 161);
}
/*buttons style start*/
.settings .button-group{
    margin-left: 15px;
}
.settings .btn{
    
    margin-bottom: 10px;
}
/*buttons style end*/
/*Styles for setting panel mobile end*/
}
@media only screen and (max-width:767px){ 
    #app{
        grid-template-rows: minmax(0, auto) 140px minmax(500px, auto) 30px;
    }
    
    .content {
    margin-bottom: 105px;
    }
    #menu-list {

    min-height: 200px;
    }
    .menu-list-inner {

    display: grid;
    grid-template-columns: 100%;
    grid-template-rows: repeat(9, auto);
    margin: 30px 0 0px 0;
    }
    
    .menu-slider{
        display: none;
    }
    .main-content {
    
    padding: 30px 10px;
    }
    .main-content-index {

    grid-template-columns: 100%;
    grid-template-rows: auto auto;
    }
    .main-content-index-right {

    grid-column: 1/2;
    grid-row: 1/2;
    margin-bottom: 10px;
    padding-left: 0;
    }
    .main-content-index-right #describe{
        text-align: justify;
    }
    
    .main-content-index-left {

    grid-column: 1/2;
    grid-row: 2/3;
    }
    
    
    
    
   .gallery-main-content {
   
    grid-template-columns: 100%;
    grid-template-rows: auto auto;
   }
   .gallery-main-content-left {
    grid-column: 1/2;
    grid-row: 1/2;
   }
   .lessons-com img, .blick img {
    margin: 0px 0 !important;
   }
   .gallery-main-content-right-art-lessons{
        display: none;
   }
   .art-supplies-main {
    grid-column: 1/2;
   }
   
   .art-supplies-item a picture, .art-supplies-item a img {
    margin: auto;
    width: auto !important;
   }
   .gallery-main-content-right {
      
    grid-column: 1/2;
    grid-row: 2/3;
    padding-top: 0px;
   }
   .art-supplies {
    display: grid;
    grid-template-columns: 100%;
   }
  .art-supplies-item {
    
    opacity: 1;
  }
  .art-supplies-item:hover{
      border-color: white;
  }
    .art-supplies-item {
    margin-right: 0px !important;
    margin-bottom: 10px;        
    }
   .submenu{
       margin-left: 30px;
   }
   .art-supplies-item{
       margin: 0!important;
       margin-bottom: 20px;
   }
   .gallery-main-header {
    
    grid-template-rows: repeat(9, auto);
    grid-auto-flow: column;
    grid-template-columns: auto;
}
.gallery-main-content-left {

    padding: 10px 10px 0 0px;
}
.gallery-main-content-left {

    display: grid;
    grid-template-columns: 100%;
    grid-template-rows: auto auto;
}
.gallery-main-content-left #autoplayController {

    grid-column: 1/2;
    grid-row: 2/3;
    position: relative;
    top: 0px;
    margin-top: 20px;
}
.gallery-main-content-left #describe { 
    grid-column: 1/2;
    grid-row: 1/2;

}
.gallery-photo {

    border: 10px solid white;
}
.main-photo {

    max-width: 80%;
}
.sub-gallery-old{
    grid-template-columns: 100%;
grid-template-rows: auto auto;
}

.play-slides, .sub-gallery-old .my-paginator, .sub-gallery-old .photo-preview{
    display: none;
}
.sub-gallery-old-photo , .sub-gallery-old .arrows {
    grid-column: 1/2;
    grid-row: 2/3;
}
.sub-gallery-old .arrows{
    align-items: center;
    z-index: 10;
    
}
#preview{
    display: none;
}
.sub-gallery-old .arrows .prev{
    justify-self: start;
}
.sub-gallery-old .arrows .next{
    justify-self: end;
}
.col-sm-10 {
    width: 70% !important;
    float: right;
}
.col-sm-2{
    width: 30% !important;
}
.gallery-main-content-right-contact-us{
  display: none;
}
.sub-gallery {
    display: grid;
    grid-template-columns: 100%;
    grid-template-rows: auto auto  auto;
}
.sub-gallery-left{
    grid-row: 3/4;
}
.sub-gallery-right{
    grid-column: 1/2;
grid-row: 2/3;
margin-top: 0px;
}
#autoplayController{
   position: absolute;
top: 310px; 
}
.paginator{
    display: none;
}
.preview-img{
     display: grid;
    grid-template-columns: repeat(100, 103px);
    grid-template-rows: 103px;
    
}

.footer .text-block {
    grid-column: 1/4;
    grid-template-columns: 100%;
    grid-template-rows: auto auto auto;
            
    }

    .main-content .text-block{
    display: grid;
    grid-template-columns: 100%;
    grid-template-rows: auto auto;
   
}
.main-content .text-block-item:first-child{
    grid-column: 1/2;
    grid-row: 1/2;
    text-align: justify;
     margin-right: 0px;
    
}

.main-content .text-block-item:first-child h1 {
    
    margin-bottom: 30px !important;        
    }
    
  
    .page-12 .block{
        margin: 0 !important;
    }
    
    .shop-content {
    grid-template-columns: 100%;
    }
    .art-suppplies-shop {
       
    grid-template-rows: repeat(3, 300px);
    }
    .art-supplies-item:nth-child(1) {
    grid-column: 1/2;
    grid-row: 1/2;
    margin: 0px;
}
.hideOnMobile{
    display: none;
}

.art-supplies-item a {
    grid-template-rows: auto 10px;
    height: 100%;
}
   
.art-supplies-item a picture{
    grid-column: 1/2;
    grid-row: 1/2;
    max-height: 100%;
    width: 100% !important;
}
.art-supplies-item a img {

    margin: auto;
    width: auto!important;
    max-height: 250px;
}

.shop-item{
    margin: 0px;
    margin-bottom: 20px !important;
}

.shop-item a img {
    height: 100%;
}

    .page-8 .gallery-main-content-left{
    padding-right: 0px !important;
}
.settings .button-group .btn:first-child{
    margin-right: 80% !important;
    margin-left: 0 !important
}

}
/* Setting panel style start*/
.settings{
    box-shadow: none;
    border-radius: 0px;
    border: 10px solid rgb(240, 215, 161);
    background-color: #f9ecba;
}
.thumbnail{
    background-color: rgba(240, 215, 161, 0.4);
    border-radius: 0;
    border-color: rgba(240, 215, 161, 1)
}


.navbar-static-top {

    background-color: #f9ecba !important;
    border-bottom: 2px solid  #35332e;
}
/*login-page start*/
.login-page{
    background-color: rgb(145, 29, 0);
    font-family: text;
    
}
.login-page .navbar-static-top{
    height: 40px;
}
.login-page .panel{
    background-color: #f9ecba;
    border-radius: 0px;
}
.login-page .panel-default {
    border-color: transparent;
}
.login-page .panel-default > .panel-heading {
    color: #333;
    background-color: rgb(240, 215, 161);
    border-color: rgb(240, 215, 161);
     border-radius: 0px;
}
.login-page .btn-link{
    color: rgb(145, 29, 0);
}

/*login-page end*/
.settings{
    overflow-x: hidden;
    height: 80vh;
}
/* Buttons style atart*/
.button-group{
    margin-bottom: 10px;
}
.settings .btn{
    border-radius: 0px !important;
}
.settings .btn:first-child, .settings .btn:first-child:focus{
    background-color: rgb(145, 29, 0) !important;
    margin-left: 18px;
    color: white !important;
     margin-right: 10px;
    border: 1px solid white !important;
}
.settings .btn:first-child:hover{
    background-color: white !important;
    
    border: 1px solid rgb(145, 29, 0) !important;
    color: rgb(145, 29, 0) !important;
   
}
.settings .btn-danger:focus, .settings .btn-danger:hover{
    background-color: white !important;
}
/*Button style end */

/*feedback_setupForm start*/
#feedback_setupForm{
    margin: 20px;
}
#feedback_setupForm #successText{
    width: 100%;
}
#feedback_setupForm input{
    width: auto;
}
#feedback_setupForm label{
    margin-bottom: 10px;
    margin-top: 10px;
}
/*feedback_setupForm end*/
/* Setting panel style end*/

/* Settings Element Grid */

.gallery-settings-grid-item{
    z-index: 2000;
}

/* END Settings Element Grid */

/* Settings Titles */
.blockTitle{
    margin-bottom: 10px;
    width: 100%;
    font-size: large;
    font-family: Title;
}

.blockTitle a{
    font-size: large;
}

.blockTitle a i{
    font-size: medium;
}

.footer .blockTitle a, .header .blockTitle a{
    color: white;
}


/* END Settings Titles */

/* Navigator */

.navigator{
    display: grid;
    grid-template-columns: auto auto;
    grid-auto-flow:column;
    margin-bottom: 20px;
}

.navigator img{
    width:auto;
}

.navigator-prev{
    margin-right: 10px;
    text-align: right;
}

.navigator-next{
    margin-left: 10px;
    text-align: left;
}

.paginator, .paginator .customDots{
    display: block;
}

.paginator div{
    float: left;
}

/* END Navigator */

/* Feedback */

#feedbackPreviewForm{
    margin: 20px 0;
}

/* END Feedback */

/* Dragula containers for gallery*/

/* 12 in row */
.dragula-list-container-33{
    display: grid;
    grid-template-columns: 8.5% 8.5% 8.5% 8.5% 8.5% 8.5% 8.5% 8.5% 8.5% 8.5% 8.5% 8.5%;
}

/* 10 in row */
.dragula-list-container-40{
    display: grid;
    grid-template-columns: 10% 10% 10% 10% 10% 10% 10% 10% 10% 10%;
}

/* 8 in row */
.dragula-list-container-50{
    display: grid;
    grid-template-columns: 12.5% 12.5% 12.5% 12.5% 12.5% 12.5% 12.5% 12.5%;
}

/* 6 in row */
.dragula-list-container-67{
    display: grid;
    grid-template-columns: 16.6666% 16.6666% 16.6666% 16.6666% 16.6666% 16.6666%;
}

/* 5 in row */
.dragula-list-container-80{
    display: grid;
    grid-template-columns: 20% 20% 20% 20% 20%;
}

/* 4 in row */
.dragula-list-container-100{
    display: grid;
    grid-template-columns: 25% 25% 25% 25%;
}

/* 3 in row */
.dragula-list-container-150{
    display: grid;
    grid-template-columns: 33.3333% 33.3333% 33.3333%;
}

/* 2 in row */
.dragula-list-container-200{
    display: grid;
    grid-template-columns: 50% 50%;
}

/* 1 in row */
.dragula-list-container-400{
    display: grid;
    grid-template-columns: 100%;
}

.dragula-list-item{
    margin: 5px;
    align-self: center;
}

/* END Dragula containers for gallery*/