.item-image img{
    width:100%;
}

.gallery-section{
    padding-top:10%
}


.gallery-section {
    background: url("/media/images/NewStyle/img/elements/articleBG.png");
    background-size: cover;
    background-repeat: no-repeat;
    padding: 120px 0;
}

.header-area .main-header{
    background-color: rgba(5, 6, 23, 0.8) !important;
}

.item-content h4{
    font-family: Myrid;
    color: #333232;
    text-align: center;
    padding: 4%;
}



.gallery-item{
box-shadow: 0 0 5px 5px #0000001c;
    margin-bottom: 15%;
}


.playIcone{
    width: 50px;
    height: 50px;
    line-height: 50px;
    display: inline-block;
    text-align: center;
    background-color: #ffffffe0;
    border-radius: 100%;
    position: absolute;
    left: 45%;
    top: 22%;
    color: rgb(22, 23, 36);
    padding: 0.38% 0 0 0.5%;
}


#back-top{
    display:none !important;
}

.playIcone i{
    color: inherit;
}


.playIcone:hover{
    background-color: rgb(82, 82, 83);
    color: white;
}


.item-content{
    background-color: white;
    border-top:solid 1px #d7d7d7;
}


.image{
    width: 100%;
    margin-bottom: 5%;
    background-color: #333232;
    padding: 1.5%;
}

    .image .catalog{
        width:20%;
    }


.item-padding{
    padding: 0 30px !important  ;
}


@media only screen and (max-width:1400px){
    .image .gallery {
        width:16%;
    }
    
    .image .catalog{
        width:23%;
    }
}


@media only screen and (max-width:991px){
    .gallery-section .container{
        max-width:800px;
    }
    
    .gallery-section{
        padding: 100px 0;
    }
    
    .item-padding{
        padding:0 15px !important;
    }
    
    .item-content h4{
        font-size:130%;
    }
    
    .image .gallery {
        width:22%;
    }
    
    .image .video {
        width:19%;
    }
    
    .playIcone{
        left:40.5%;
        top:18%;
    }
    
        .image .catalog{
        width:33%;
    }
}

@media only screen and (max-width:800px){
    .gallery-section .container{
        max-width:90%;
    }
    
            .image .catalog{
        width:41%;
    }
}


@media only screen and (max-width:575px){
    .image{
        padding:2.5%;
    }
    
    .image .gallery{
        width:34%;
    }
    
    .playIcone{
        left:44.5%;
        top:28%;
    }
    
    .image .video{
        width:29%;
    }
    

}