/*main css*/
@font-face {
    font-family: Almaria-L;
    src: url('fonts/Almarai-Ligh.eot');
    src: url('fonts/Almarai-Ligh.eot?#iefix') format('embedded-opentype'),
    url('fonts/Almarai-Light.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
:root{
    --default-color: #fff;
    --primary-color: #FF007F;
    --secondary-color: #00ADD7;
    --primary-background:#202020;
    --secondary-background:#1a1a1a;
    --third-background:#191919;
    --fourth-background:#121212;
    --original-font-size: 16px;
    --transform-transition-effect: all linear 100ms;
    --all-transition-effect: all linear 100ms;
}
body.main_gallery_page{
    background-color: var(--primary-background);
}
body.main_gallery_page .main_gallery_page{
    background-color: var(--primary-background);
}
.pointer-cursor{
    cursor: pointer;
}
.main_gallery_page .col-md-12.noPadding.col-xs-12{
    padding: 0px;
}
/*end main css*/



/*common css*/
.main-gallery-title{
    padding-bottom: 3px;
    margin-bottom: 20px;
    position: relative;
    display: inline-block;
    transition: 0.3s;
}
.main-gallery-title a{
    font-size: 30px;
    color: #fff;
}
.main-gallery-title[href]:hover{
    color: var(--primary-color);
}
.main-gallery-title:after{
    content: '';
    position: absolute;
    width: 100px;
    bottom: 0px;
    right: 0px;
    height: 2px;
    background-color: var(--secondary-color);
}
.main-gallery-more{
    background-color: var(--primary-color);
    padding: 0px 15px;
    border-radius: 5px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding-bottom: 4px;
    font-family: Almaria-L;
    position: relative;
    z-index: 1;
    transition: 0.3s;
    height: 37px;
}
.main-gallery-more a{
    color: #fff;
    font-size: 25px;
    line-height: 37px;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
    background-color: var(--primary-color);
}
.mCSB_scrollTools .mCSB_draggerRail{
    background-color: transparent;
}
.mCS-dir-rtl>.mCSB_inside>.mCSB_container{
    margin-left: 10px;
}
.mg-title-white{
    color: #fff;
}
.mg-title-f1 a{
    font-size: 18px;
    line-height: 26px;
}
.mg-title-f2 a{
    font-size: 21px;
    line-height: 28px;
}
.mg-title-f3 a{
    font-size: 25px;
    line-height: 38px;
}
.mg-title-f4 a{
    font-size: 23px;
    line-height: 36px;
}
.mg-title-borderd{
    padding-bottom: 10px;
    margin-bottom: 10px;
    position: relative;
}
.mg-title-borderd:after{
    content: '';
    position: absolute;
    width: 200px;
    bottom: 0px;
    right: 0px;
    height: 2px;
    background-color: var(--secondary-color);

}
h4.mgv-date{
    font-size: 16px;
    line-height: 22px;
    color: #fff;
    font-family: Almaria-L;
}
.mg-photos-icon{
    position: absolute;
    width: 40px;
    height: 25px;
    border: solid 3px #fff;
    top: 30px;
    left: 10px;
    z-index: 100;
    transition: 0.3s;
    opacity: 1;
}
.mg-photos-icon:after{
    content: '';
    position: absolute;
    width: 40px;
    height: 25px;
    border: solid 3px #fff;
    top: -10px;
    left: 4px;
    z-index: 99;
    border-bottom-color: transparent;
    border-left-color: transparent;
    transition: 0.3s;
}
.mg-photos-icon:before{
    content: '';
    position: absolute;
    width: 40px;
    height: 25px;
    border: solid 3px #fff;
    top: -17px;
    left: 10px;
    z-index: 98;
    border-bottom-color: transparent;
    border-left-color: transparent;
    transition: 0.3s;
}
.mg-more-container{
    display: flex;
    justify-content: flex-end;
    width: 100%;
    padding-top: 10px;
}
/*end common css*/



/*common paginator css*/
.gallery_paginator .pager-nav a{
    height: 45px;
    width: 45px;
    background-color: transparent;
    border: solid 1px var(--secondary-color);
    border-radius: 45px;
    color: #63676A;
    font-size: 18px;
    line-height: 45px;
    font-family: Cairo-SB;

}
.gallery_paginator .pager-nav.active a{
    background-color: var(--secondary-color);
    color: #fff;
}
.gallery_paginator .pager-nav.pager-arrow a{
    width: 110px;
    border-radius: 30px;
}
/* END common paginator css*/


/*common carousel css*/
.mg-carousel .owl-item:not(.center) .mg-item:after{
    content: '';
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 10;
    cursor: pointer;
}
.main-gallery-infographics .mg-carousel .owl-item .item .mg-a a{
    display: block;
    position: relative;
}
.main-gallery-infographics .mg-carousel .owl-item:not(.center) .item .mg-a a:after,
.mg-carousel .owl-item:not(.center) .item .layout-ratio:after{
    content: '';
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 10;
    cursor: pointer;
    background-color: rgba(0,0,0,0.5);
}
.mg-carousel .owl-item .item .layout-ratio{
    padding-bottom: 64%;
}
.mg-carousel .owl-item .mgcr-title{
    position: absolute;
    width: 100%;
    height: 60px;
    line-height: 60px;
    right: 0px;
    bottom: 0px;
    color: #fff;
    background: linear-gradient( to top, rgba(0,0,0,0.8), transparent );
    opacity: 0;
    transition: 0.3s;
    padding: 0px 10px;
}
.mg-carousel .owl-item.center .mgcr-title{
    opacity: 1;
}
.mg-carousel .owl-dots{
    display: flex;
    margin: 20px auto;
    align-items: center;
    justify-content: center;
}
.mg-carousel .owl-dots button.owl-dot{
    height: 15px;
    width: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    outline: none !important;
    margin: 0px 3px;
}
.mg-carousel .owl-dots button.owl-dot span{
    height: 7px;
    width: 7px;
    border-radius: 50%;
    background-color: #4d4d4d;
}
.mg-carousel .owl-dots button.owl-dot.active span{
    height: 14px;
    width: 14px;
    background-color: #fff;
}
/*end common carousel css*/


/*gallery home tabs*/
.gallery-home-tabs{
    background-color: var(--primary-background);
    margin: 0px -8px;
}
.gallery-home-tabs .ght-content{
    min-height: 507px;
}
.gallery-home-tabs .ght-menu{
    background-color: var(--third-background);
    box-shadow: 0px 11px 6px -5px rgba(0,0,0,0.75);
    height: 60px;
    display: flex;
}
.gallery-home-tabs .ght-container{
    padding: 0px 10px;
    display: flex;
    height: 100%;
    margin-bottom: 0;
    position: relative;
}
.gallery-home-tabs .ght-menu-col_1{
    width: 190px;
    position: absolute;
    top: 0px;
    right: 10px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.gallery-home-tabs .ght-menu-col_1:after{
    content: '';
    position: absolute;
    height: 30px;
    width: 2px;
    background-color: #fff;
    left: 0px;
    top: 15px;
}
.gallery-home-tabs .ght-menu-col_1 a{
    font-size: 18px;
    color: #fff;
    background-color: var(--primary-color);
    border-radius: 8px;
    padding: 5px 15px;
    padding-top: 2px;
    display: inline-block;
    margin-left: 30px;
}
.gallery-home-tabs .ght-menu-col_2{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}
.gallery-home-tabs .ght-menu-col_2 .nav-item{
    margin: 0px 40px;
}
.gallery-home-tabs .ght-menu-col_2 .nav-item a{
    color: #fff;
    font-size: 18px;
    display: block;
    transition: 0.3s;
    background-color: transparent;
}
.gallery-home-tabs .ght-menu-col_2 .nav-item a.active,
.gallery-home-tabs .ght-menu-col_2 .nav-item:hover a{
    color: var(--primary-color);
}
.gallery-home-tabs .ght-content .container{
    padding: 0px 10px;
}
.gallery-home-tabs .main-gallery-infographics{
    padding: 30px 50px;
}
/*end gallery home tabs*/


/* Home gallery caricature*/
.gallery-home-infographics-list .main-gallery-infographics,
.gallery-home-photos-list .main-gallery-photos,
.gallery-home-video-list .main-gallery-video,
.gallery-home-caricature-list .main-gallery-caricature{
    padding: 30px 0px;
}
/* End Home gallery caricature*/



/*gallery menu*/
.gallery-menu{
    background-color: var(--third-background);
    box-shadow: 0px 11px 6px -5px rgba(0,0,0,0.75);
    margin: 0px -8px;
}
.gallery-menu .gm-container{
    padding: 30px 50px;
    display: flex;
    margin: 0px -5px;
}
.gallery-menu .gm-container .gm-menu-item{
    height: 60px;
    line-height: 60px;
    color: #fff;
    background-color: var(--primary-background);
    width: calc(100% - 10px);
    margin: 0px 5px;
    text-align: center;
    border-radius: 30px;
    font-size: 20px;
    transition: 0.3s;
}
.gallery-menu .gm-container .gm-menu-item:hover{
    background-color: var(--primary-color);
}
/*end gallery menu*/



/*main gallery caricature*/
.main-gallery-caricature{
    padding: 30px 50px;
}
.main-gallery-caricature .main-gallery-title{
    margin-bottom: 10px;
}
.main-gallery-caricature .mg-carousel .owl-item.center .item .layout-ratio{
    padding-bottom: calc(64% + 20px);
}
.main-gallery-caricature .mg-carousel .owl-item:not(.center) .mg-item{
    padding-top: 20px;
    position: relative;
}
.main-gallery-caricature .mg-carousel .owl-item.center .item .mg-a{
    display: block;
    box-shadow: 10px 3px 4px 1px rgba(0,0,0,0.75);
}
.main-gallery-caricature .mg-carousel .owl-dots{
    position: absolute;
    width: 100%;
}
/*end main gallery caricature*/



/*main gallery video*/
.main-gallery-video{
    padding: 30px 50px;
}
.main-gallery-video .mgv-content{
    display: flex;
    flex-wrap: wrap;
}
.main-gallery-video .mgv-col-1{
    width: 40%;
    position: relative;
}
.main-gallery-video .mgv-col-1 .mgv-container-2{
    padding-left: 20px;
    background-color: var(--fourth-background)
}
.main-gallery-video .mgv-col-2{
    width: 60%;
    padding-right: 20px;
}
.main-gallery-video .mgv-col-2 .mgv-main-ratio .layout-ratio{
    padding-bottom: 55%;
}
.main-gallery-video .mgv-col-2 .mgv-main-title{
    background-color: var(--fourth-background);
    padding: 10px 20px;
}
.main-gallery-video .mgv-col-2 .mgv-main-title a{
    display: table;
    margin: auto;
    max-height: 38px;
    overflow: hidden;
    display: block;
}
.main-gallery-video .mgv-col-1 .mgv-container-1{
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
}
.main-gallery-video .mgv-col-1 .mgv-container-1 .mgv-item{
    display: flex;
}
.main-gallery-video .mgv-col-1 .mgv-container-1 .mgv-item-col-1{
    width: calc(100% - 260px);
}
.main-gallery-video .mgv-col-1 .mgv-container-1 .mgv-image{
    margin-bottom: 15px;
    display: block;
}
.main-gallery-video .mgv-col-1 .mgv-container-1 .mgv-item-col-2{

    width: 260px;
    padding-right: 20px;
}

.subpage-more-videos .vid-icon,
.main-gallery-video .mgv-col-1 .vid-icon{
    display: none;
}
.main-gallery-video .mgv-col-2 .vid-icon{
    border-radius: 50%;
    border: solid 1px #fff;
    height: 80px;
    width: 80px;
    display: flex;
    align-items: center;
    color: #fff;
    justify-content: center;
    background-color: rgba(0,0,0,0.5);
    margin-left: -40px;
    margin-top: -40px;
}
.main-gallery-video .mgv-col-2 .vid-icon:before{
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 40px;
    padding-left: 6px;
}
/*end main gallery video*/


/*main gallery Photos*/
.main-gallery-photos{
    padding: 30px 50px;
}
.mg-carousel .owl-item:not(.center) .mg-photos-icon{
    opacity: 0;
}
.main-gallery-photos .mg-carousel .owl-dots{
    position: absolute;
    width: 100%;
}
/*end main gallery Photos*/


/*main gallery infographics*/
.main-gallery-infographics{
    padding: 30px 50px;
}
.main-gallery-infographics .mgc-content-container{
    position: relative;
    overflow: hidden;
}
.main-gallery-infographics .mgc-content{
    margin: 0px -40px;
}
.main-gallery-infographics .mg-carousel .mg-item{
    padding: 0px 20px;
}
.main-gallery-infographics .mg-carousel .owl-item .item .layout-ratio{
    padding-bottom: 100% ;
}
.main-gallery-infographics .owl-carousel .owl-nav button:focus,
.main-gallery-infographics .owl-carousel .owl-nav button:hover{
    outline: 0;
    border: 0;
}
.main-gallery-infographics .owl-carousel .owl-nav button{
    position: absolute;
    top: 0px;
    height: 100%;
    width: 55px;
    background-color: var(--third-background);
}
.main-gallery-infographics .owl-carousel .owl-nav button span{
    width: 100%;
    height: 32px;
    background: url(../images/arrow.svg) center center no-repeat;
    background-size: 16px auto;
    display: block;
}
.main-gallery-infographics .owl-carousel .owl-nav button.owl-prev span{
    transform: rotate(180deg);
}
.main-gallery-infographics .owl-carousel .owl-nav button.owl-next{
    left: 39px;
    box-shadow: 10px 3px 4px 1px rgba(0,0,0,0.75);
}
.main-gallery-infographics .owl-carousel .owl-nav button.owl-prev{
    right: 39px;
    box-shadow: -10px 3px 4px 1px rgba(0,0,0,0.75);
}
.main-gallery-infographics .mg-carousel .owl-dots{
    position: absolute;
    width: 100%;
}
/*end main gallery infographics*/


/* subpage main caricature */
.subpage-main-caricature.main-gallery-caricature{
    padding-bottom: 0px;
    background-color: var(--third-background);
    box-shadow: 0px 11px 6px -5px rgba(0,0,0,0.75);
}
.subpage-main-caricature.main-gallery-caricature .mg-carousel .owl-dots{
    position: relative;
    margin: 0px;
    padding: 20px 0px;
}
/* end subpage main caricature */


/* subpage more caricature */
.subpage-more-caricature{
    position: relative;
    padding-top: 20px;
}
.subpage-more-caricature .date-select{
    position: absolute;
    left : 50px;
    top: 30px;
}
.subpage-more-caricature .date-select .selected-date{
    color: var(--primary-color);
    font-size: 18px;
    padding-left: 20px;
    cursor: default;
}
.subpage-more-caricature .date-select .selected-date:after{
    content: '';
    position: absolute;
    background-image: url(../images/arrow.svg);
    height: 26px;
    width: 15px;
    left: 0px;
    top: 0px;
    transform: rotate(-90deg);
    background-size: 15px 15px;
    background-position: center left;
    background-repeat: no-repeat;
}
.subpage-more-caricature .date-select .select-year{
    position: absolute;
     display: none;
    flex-flow: column;
    z-index: 100;
    width: 100%;
}
.subpage-more-caricature .date-select:hover .select-year{
    display: flex;
}
.subpage-more-caricature .date-select:hover .option-year{
    color: #fff;
    font-size: 16px;
    text-align: center;
    background-color: #ff007f61;
    margin-bottom: 2px;
    transition: 0.3s;
}
.subpage-more-caricature .date-select:hover .option-year.active{
    cursor: default;
}
.subpage-more-caricature .date-select:hover .option-year.active,
.subpage-more-caricature .date-select:hover .option-year:hover{
    background-color: #e2097c;
}
.subpage-more-caricature .main-gallery-title{
    margin-right: 50px;
}
.subpage-more-caricature .content-outer{
    margin-bottom: 30px;
}
.subpage-more-caricature .mg-carousel .owl-item .mgcr-title{
    opacity: 1;
}
.subpage-more-caricature .mg-carousel .owl-item:not(.center) .item .layout-ratio:after{
    display: none;
}
.subpage-more-caricature .smf-content{
    margin: 0px -10px;
}
.subpage-more-caricature .mg-carousel .owl-item .item{
    padding: 0px 10px;
}
.subpage-more-caricature .mg-carousel .owl-item .item .mg-a{
    position: relative;
}
.subpage-more-caricature .owl-carousel .owl-nav button:focus,
.subpage-more-caricature .owl-carousel .owl-nav button:hover{
    outline: 0;
    border: 0;
}
.subpage-more-caricature .owl-carousel .owl-nav button{
    position: absolute;
    top: 50%;
    height: 50px;
    width: 50px;
    background-color: #000;
    margin-top: -25px;
}
.subpage-more-caricature .owl-carousel .owl-nav button:after{
    content: '';
    width: 100%;
    height: 100%;
    background-image: url(../images/arrow.svg) ;
    background-size: 12px auto;
    display: block;
    background-repeat: no-repeat;
    background-position: center left 10px;
}
.subpage-more-caricature .owl-carousel .owl-nav button.owl-prev:after{
    transform: rotate(180deg);
}
.subpage-more-caricature .owl-carousel .owl-nav button.owl-next{
    background: linear-gradient(90deg,rgba(0,0,0,0.8) 0%,transparent 100%);
    left: 10px;
}
.subpage-more-caricature .owl-carousel .owl-nav button.owl-prev{
    background: linear-gradient(90deg,transparent 0% ,rgba(0,0,0,0.8) 100%);
    right: 10px;
}
.subpage-more-caricature .mg-carousel .owl-item .mg-item:after{
    display: none;
}
/* end subpage more caricature */


/* subpage main infographics */
.subpage-main-infographics{
    padding: 50px;
}
.subpage-main-infographics .smi-content{
    height: 10000px;
    position: relative;
}
.subpage-main-infographics .smi-content .smi-item{
    position: absolute;
    opacity: 0;;
    width: calc(100%/3);
    transition: 0.5s;
}
.subpage-main-infographics .smi-content .smi-item .mg-a{
    display: block;
    padding: 5px;
}
.subpage-main-infographics #replace_with_articles{
    position: absolute;
    height: 10px;
    width: 100%;
    right: 0px;
    bottom: 0px;
}
/* end subpage main infographics */

/* subpage main photos */
.subpage-main-photos.main-gallery-photos{
    padding-bottom: 0px;
    background-color: var(--third-background);
    box-shadow: 0px 11px 6px -5px rgba(0,0,0,0.75);
}
.subpage-main-photos.main-gallery-photos .mg-carousel .owl-dots{
    position: relative;
    margin: 0px;
    padding: 20px 0px;
    margin-bottom: 30px;
}
/* end subpage main photos */


/* subpage more photos */
.subpage-more-photos{
    padding: 0px 50px;
}
.subpage-more-photos .smf-content{
    display: flex;
    flex-wrap: wrap;
    margin: 0px -10px;
}
.subpage-more-photos .smf-content .smf-item{
    width: calc(100%/3);
    padding: 0px 10px;
    padding-bottom: 70px;
}
.subpage-more-photos .smf-content .smf-item .smf-title{
    padding-top: 10px;
}
.subpage-more-photos .smf-content .smf-item .smf-title a{
    max-height: calc(28px * 2);
}
/* end subpage more photos */



/* subpage main videos */
.subpage-main-videos.main-gallery-video{
    padding: 30px 150px;
    box-shadow: 0px 11px 6px -5px rgba(0,0,0,0.75);
    background-color: var(--third-background);
}
.subpage-main-videos.main-gallery-video .mgv-col-2 .mgv-main-title a{
    margin: 0;
}
/* end subpage main videos */


/* subpage more videos */
.subpage-more-videos.subpage-more-photos{
    margin-top: 20px;
}
.subpage-more-videos.subpage-more-photos .smf-content .smf-item{
    width: calc(100%/4);
}
/* end subpage more videos */



@media (max-width: 1400px){
    .main-gallery-video .mgv-col-1 .mgv-container-1 .mgv-item{
        flex-flow: column;
    }
    .main-gallery-video .mgv-col-1 .mgv-container-1 .mgv-item-col-2,
    .main-gallery-video .mgv-col-1 .mgv-container-1 .mgv-item-col-1{
        width: 100%;
    }
}

@media (max-width: 990px){

    /*common css*/
    .mg-title-f3 a,
    .mg-title-f4 a{
        font-size: 18px;
        line-height: 26px;
    }
    .mg-title-f2 a{
        font-size: 16px;
        line-height: 22px;
    }
    .mg-title-f1 a{
        font-size: 14px;
        line-height: 20px;
    }
    .mg-photos-icon{
        width: 35px;
        height: 20px;
        border: solid 2px #fff;
    }
    .mg-photos-icon:before{
        width: 35px;
        height: 20px;
        border: solid 2px #fff;
        top: -14px;
        left: 9px;
        border-bottom-color: transparent;
        border-left-color: transparent;
    }
    .mg-photos-icon:after{
        width: 35px;
        height: 20px;
        border: solid 2px #fff;
        top: -8px;
        left: 3px;
        border-bottom-color: transparent;
        border-left-color: transparent;
    }
    .gallery_paginator .pager-nav a{
        height: 35px;
        width: 35px;
        min-height: auto;
        min-width:  auto;
        font-size: 14px;
        padding-top: 2px;
    }
    .gallery_paginator .pager-nav.pager-arrow a{
        width: 64px;
        border-radius: 30px;
    }
    .gallery_paginator .pager-nav.pager-arrow a img{
        max-width: 15px;
    }
    .gallery_paginator.layout_paginator .pager{
        padding: 0px;
    }
    /* end common css*/

    /*main gallery common*/
    .main_gallery_page .col-md-12.noPadding.col-xs-12{
        padding: 0px;
    }
    .main-gallery-title{
        margin-right: 20px;
    }
    .main-gallery-more{
        margin-left: 30px;
    }
    .main-gallery-more a{
        font-size: 18px;
    }
    .main-gallery-title a{
        font-size: 22px;
    }
    /*End main gallery common*/


    /*main gallery menu*/
    .gallery-menu .gm-container{
        padding: 30px 10px;
    }
    .gallery-menu .gm-container .gm-menu-item{
        height: 40px;
        line-height: 40px;
        font-size: 17px;
        padding: 0px 16px;
    }
    /*end main gallery menu*/


    /*main gallery caricature*/
    .main-gallery-caricature{
        padding: 30px 0px;
        padding-bottom: 0px;
    }
    .main-gallery-caricature .mg-carousel .owl-item.center .item .layout-ratio{
        padding-bottom: calc(64% + 25px);
    }
    /*end main gallery caricature*/


    /*main gallery video*/
    .main-gallery-video .mgv-col-1{
        display: none;
    }
    .main-gallery-video .mgv-col-2{
        width: 100%;
        padding-right: 0px;
    }
    .main-gallery-video{
        padding: 30px 0px;
    }
    .main-gallery-video .owl-dots{
        margin-bottom: 0;
        position: absolute;
        width: 100%;
    }
    .main-gallery-video .mgv-col-2 .mgv-main-title a{
        max-height: 26px;
        overflow: hidden;
        display: block;
    }
    .main-gallery-photos .owl-carousel .owl-stage .owl-item.center .mg-item,
    .main-gallery-video .owl-carousel .owl-stage .owl-item.center .mgi-item{
        box-shadow: 10px 3px 4px 1px rgba(0,0,0,0.75);
    }
    .main-gallery-photos .owl-carousel .owl-stage .owl-item:not(.center) .mg-item,
    .main-gallery-video .owl-carousel .owl-stage .owl-item:not(.center) .mgi-item{
        position: relative;
    }
    .main-gallery-photos .owl-carousel .owl-stage .owl-item:not(.center) .mg-item:after,
    .main-gallery-video .owl-carousel .owl-stage .owl-item:not(.center) .mgi-item:after{
        content: '';
        position: absolute;
        height: 100%;
        width: 100%;
        left: 0px;
        top: 0px;
        background-color: rgba(0,0,0,0.7);
    }
    .main-gallery-video .mgv-col-2 .vid-icon{
        height: 50px;
        width: 50px;
        margin-left: -25px;
        margin-top: -25px;
    }
    .main-gallery-video .mgv-col-2 .vid-icon:before{
        font-size: 24px;
        padding-left: 0px;
    }
    /*end main gallery video*/


    /*main gallery photos*/
    .main-gallery-photos{
        padding: 0px;
        padding-bottom: 30px;
    }
    .main-gallery-photos .main-gallery-more a{
        line-height: 31px;
    }
    /*end main gallery photos*/


    /*main gallery infographics*/
    .main-gallery-infographics{
        padding: 0px;
        margin-bottom: 30px;
    }
    .main-gallery-infographics .mg-carousel .mg-item{
        padding: 0px 5px;
    }
    .main-gallery-infographics .owl-carousel .owl-nav button{
        width: 30px;
    }

    /*end main gallery infographics*/


    /*subpage more infographics*/
    .subpage-main-infographics{
        padding: 10px;
    }
    .subpage-main-infographics .main-gallery-title{
        margin-right: 5px;
    }
    /*end subpage more infographics*/



    /*subpage more photos*/
    .subpage-more-photos{
        padding: 0px;
    }
    .subpage-more-photos .smf-content .smf-item .smf-title{
        position: relative;
        padding-bottom: 5px;
        padding-right: 20px;
        padding-top: 5px;
    }
    .subpage-more-photos .smf-content .smf-item .smf-title a{
        max-height: 44px;
        overflow: hidden;
        display: block;
    }
    .subpage-more-photos .smf-content .smf-item{
        width: 100%;
        padding-bottom: 20px;
    }
    /*end subpage more photos*/


    /*subpage main videos*/
    .subpage-main-videos.main-gallery-video{
        padding: 30px 0px;
    }
    .subpage-main-videos.main-gallery-video .owl-dots{
        position: relative;
    }
    /*end subpage main videos*/


    /*subpage more videos*/
    .subpage-more-photos.subpage-more-videos .main-gallery-title{
        margin-right: 10px;
    }
    .subpage-more-videos.subpage-more-photos .smf-content .smf-item{
        width: 100%;
        padding: 0px;
        margin-bottom: 10px;
    }
    .subpage-more-videos.subpage-more-photos .smf-outeer{
        display: flex;
        width: 100%;
    }
    .subpage-more-videos.subpage-more-photos .smf-outeer .smf-a{
        width: 50%;
    }
    .subpage-more-videos.subpage-more-photos .smf-outeer .smf-inner{
        width: 50%;
        padding-right: 10px;
    }

    .subpage-more-videos.subpage-more-photos .smf-content{
        margin: 0px;
        padding: 0px 10px;
    }
    .subpage-more-videos.subpage-more-photos .smf-content .smf-item .smf-title:after{
        content: '';
        position: absolute;
        width: 100px;
        bottom: 0px;
        right: 0px;
        height: 2px;
        background-color: var(--secondary-color);
    }
    .subpage-more-videos.subpage-more-photos .smf-content .smf-item .smf-title{
        padding-right: 0px;
    }
    .subpage-more-videos.subpage-more-photos .smf-content .smf-item .mgv-date{
        margin-top: 10px;
    }
    .subpage-more-videos.subpage-more-photos .vid-icon{
        display: none;
    }
    /*end subpage more videos*/

    /*gallery home tabs*/
    .gallery-home-tabs .ght-content .container{
        padding: 0px;
    }
    .gallery-home-tabs .ght-menu-col_1{
        position: relative;
        width: auto;
        right: 0px;
    }
    .gallery-home-tabs .ght-menu-col_1 a{
        margin-left: 10px;
        font-size: 14px;
    }
    .gallery-home-tabs .ght-content{
        min-height: 250px;
    }
    .gallery-home-tabs .ght-menu-col_2 ul{
        padding-inline-start: 0px;
        flex-wrap: nowrap;
        justify-content: space-around;
        width: 100%;
    }
    .gallery-home-tabs .ght-menu-col_2 .nav-item{
        margin: 0px;
    }
    .gallery-home-tabs .ght-menu-col_2 .nav-item a{
        font-size: 14px;
        padding: 0px 10px;
    }
    /*end gallery home tabs*/



    /*gallery home caricature list*/
    .gallery-home-caricature-list .main-gallery-infographics{
        margin-bottom: 0px;
        padding-bottom: 30px;
    }
    /*end gallery home caricature list*/

    /*subpage more caricautre */
    .subpage-more-caricature .date-select{
        left: 20px;
    }
    .subpage-more-caricature .main-gallery-title{
        margin-right: 20px;
    }
    /*end subpage more caricautre */
}

@media (min-width: 990px){
    .main-gallery-more:hover{
        background-color: var(--secondary-color);
    }
    .only-tablet{
        display: none;
    }
}