.gurukul-network-list-main { width: 100%; display: inline-block; padding: 60px 0 30px; }
.gurukul-network-list .col-left { width: 100%; max-width: 270px; float: left; }
.gurukul-network-list .col-left ul li { width: 100%; display: inline-block; line-height: 15px; font-size: 17px; font-family: 'SourceSansPro-Semibold'; }
.gurukul-network-list .col-left ul li a { display: block; padding: 15px 20px; line-height: 15px; border-bottom: solid 1px #eaeaea; }
.gurukul-network-list .col-left ul li a:hover,
.gurukul-network-list .col-left ul li a.active,
.gurukul-network-list .col-left ul li.active a { background: #ac2b31; color: #fff; }
.gurukul-network-list .col-right { width: 100%; /*max-width: 870px;*/ float: right; }
.gurukul-network-list .list-main { margin: 0 -15px; }
.gurukul-network-list .list-main .col { width: 24.33%; padding: 0 15px 30px; display: inline-block; vertical-align: top; margin-right: -4px; }
.gurukul-network-list .list-main .col .col-cont { padding: 9px; border: solid 1px #eaeaea; position:relative; }
.gurukul-network-list .list-main .col .img { text-align: center; margin-top:15px; position:relative; }
.gurukul-network-list .list-main .col .img img { display: inline-block; }
.gurukul-network-list .list-main .col .title { font-size: 20px; border-bottom: solid 1px #eaeaea; padding: 10px 0 15px; margin-bottom: 10px; }
.gurukul-network-list .list-main .col .address { font-size: 17px; line-height: 25px; padding-bottom: 5px; }
.gurukul-network-list .list-main .col .address a { color: #ac2b31; word-break: break-all; }
/**/
.magazine.gurukul-network-list .list-main .col .col-cont { -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; transition: all .5s ease-in-out; }
.magazine.gurukul-network-list .list-main .col .col-cont:hover { box-shadow: 0 5px 20px 0 rgba(23,23,23,0.20); }
.magazine.gurukul-network-list .list-main .col .col-cont { text-align: center; }
.magazine.gurukul-network-list .list-main .col .title-dec { margin-top: 11px; font-weight: 600;}
.magazine.gurukul-network-list .list-main .col .title-dec h3 { font-size: 15px; margin-bottom: 10px; min-height: 19px;}
.magazine.gurukul-network-list .list-main .col .title-dec h3 a { color: #ac2b31; }
.magazine.gurukul-network-list .list-main .col .title-dec p { margin-bottom: 0px; height:40px; overflow:hidden; }
.magazine.gurukul-network-list .list-main .col .title-dec .button { margin-bottom: 10px; }

.magazine.gurukul-network-list .list-main .bdr {margin-bottom: 60px; text-align: center;}
.collapse { display: none; visibility: hidden; }
.active-accordion .collapse { display: block; visibility: visible; }
.publication-short-bar { width: 100%; display: inline-block; padding: 0 0 15px; margin: 0 0 25px; border-bottom: 1px solid #ccc; }
.publication-short-bar .select-box { float: right; width:300px; }
.fancybox-title{ text-align:right;};

/*.magazine_title span.m_date*/




.magazine .activities .col{width: 16.6%;}
.magazine .activities .input-group.date { float: left; width: 223px;}
.magazine .activities h2{margin-bottom: 15px;}
.magazine .activities p { font-size: 14px; font-weight: 400; line-height: 21px; color:#666666;  margin-bottom: 8px; text-align: center; height: 40px; overflow: hidden;}
.magazine .activities-short-bar{ /*margin-top:25px;*/}
.magazine .activities .col .cont{ padding: 10px;}
.magazine .activities .col .cont p{ text-align: left;} 
.magazine .activities .col .img{ height: 117px; overflow:hidden; text-align: center;  background: #f8f8f8;}
.magazine .activities .col .img img{ height: 100%; width: auto;}
.magazine .list-main { margin: 0 -15px; }
.magazine .list-main .col { width: 25%; display: inline-block; vertical-align: top; margin-right: -4px; padding: 0 15px 30px; }
.magazine .list-main .col .col-cont { padding: 10px; border: solid 1px #eaeaea; }
.magazine .activities .col .cont h3{ height: 18px;     margin-bottom: 8px;}
.magazine .list-main .col .img { text-align: center; position:relative;height: 205px;}
.magazine .list-main .col .img img { display: inline-block; position: relative;
    left: 0;
    right: 0;
    top: 0;
    height: 100%;}
.magazine .list-main .col .title { font-size: 19px; border-bottom: solid 1px #eaeaea; padding: 10px 0 15px; margin-bottom: 10px; }
.magazine .activities .col h3, .gharsabha-page .activities .col h3 a{    font-size: 14px;     overflow: hidden;62}
.magazine .col-right .moral {  color:#2980b9 !important;}
.magazine .col-right .ghar_sabha_info ul, .gharsabha-page .col-right .ghar_sabha_info ol { padding-left: 40px;}
.magazine .col-right .ghar_sabha_info ul li {  list-style-type: disc;}
.magazine .col-right .ghar_sabha_info ol li {list-style-type: decimal;}
.magazine .col-right .ghar_sabha_info ol li ul li {list-style-type: circle;}
.magazine .col-right .ghar_sabha_info ol li ul li ul li {list-style-type: disc;}
.magazine .col-right .ghar_sabha_info ul li ol li{  list-style-type: decimal;}

.magazine .activities h2{ text-align: center;}

.activities-short-bar { width: 100%; display: inline-block; padding: 0 0 15px;/* margin: 0 0 25px; border-bottom: 1px solid #ccc;*/ }
.activities-short-bar .select-box { float: none; width: 300px; display: inline-block; margin-left: 10px; }
.activities-short-bar .select-box.year-small-dropdown { width: 150px; }
.category-list-html { float: right;}
.category-list-html .field{    float: left; margin-top: 10px;  margin-right: 3px;}
.category-list-html .field label { color: #666666; position: relative; line-height: 19px; margin: 0; }
.category-list-html .field input { -webkit-appearance: checkbox; width: 17px; height: 17px; }
.category-list-html .field input[type="checkbox"] { display: none; }
.category-list-html .field input[type="checkbox"] + label { padding-left: 30px; cursor: pointer; }
.category-list-html .field input[type="checkbox"] + label:before { content: ''; width: 15px; height: 15px; display: block; position: absolute; top: 0; left: 0; border: 1px solid #000; border-radius: 3px; z-index: 8; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; }
.category-list-html .field input[type="checkbox"] + label:after { content: ''; background: url(../images/sign-check.svg) no-repeat; width: 14px; height: 11px; display: block; position: absolute; top: 3px; left: 2px; border-radius: 3px; color: #ac2b31; opacity: 0; z-index: 8; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; }
.category-list-html .field input[type="checkbox"]:checked + label:before { border: 1px solid #ac2b31; }
.category-list-html .field input[type="checkbox"]:checked + label:after { opacity: 1 !important; }
.magazine .col .date-main.red{ background: #ac2b31;}
.magazine .col .box-shadow:hover .date-main.red{background: rgba(17,17,17,0.80);}


@media only screen and (max-width:767px) { 
.magazine .list-main .category-list-html { float: none;}
.magazine .list-main .activities-short-bar{ text-align:center;}   
/*.img-activities-list { padding: 0 5px;} */
.magazine.gurukul-network-list .list-main .bdr{ margin-bottom:35px;}

}

@media only screen and (max-width:1024px) {
.gurukul-network-list .col-left,
.gurukul-network-list .col-right { max-width: 100%; }
.gurukul-network-list .col-left { margin-bottom: 30px; }
}
@media only screen and (max-width:1023px) {
.gurukul-global-network .col-main { margin: 0 -10px; }
.gurukul-global-network .col { padding: 0 10px 30px; }
.gurukul-global-network .button { font-size: 14px; }
.magazine .list-main .col .img { height: 100px;}
}
@media only screen and (max-width:767px) {
.gurukul-global-network .col { padding: 0 10px 15px; width: 50%; text-align: center; }
.gurukul-network-list-main { padding: 30px 0 0; }
.gurukul-network-list .list-main .col { width: 50%; padding-bottom:15px; }


}
@media only screen and (max-width:639px) {
.gurukul-global-network .col { padding: 0 5px 10px; }
}
@media only screen and (max-width:479px) {
.gurukul-global-network .col { width: 100%; }
.publication-downloads .col { width: 50%; }
.gurukul-network-list .list-main { margin:0 -7.5px; }
.gurukul-network-list .list-main .col { /*width: 100%;*/ padding:0 7.5px 15px; }
.button { padding:0 12px; }
}
@media only screen and (max-width:479px) {
.button.download-icon { font-size:0; position: absolute; padding: 0; top: 10px; right: 10px; width: 30px; height: 30px; z-index:11; }
.button.download-icon:after { content:''; background:url(../images/download.svg) no-repeat; background-size:100% 100%; width:15px; height:15px; display:inline-block; }
.publication.gurukul-network-list .list-main .col .col-cont { box-shadow: 0 0 10px 0 rgba(23,23,23,0.20); }
}

@media only screen and (max-width:479px) { 
.activities-short-bar .select-box.year-small-dropdown {width: 133px;} 
.magazine .list-main .activities-short-bar{ font-size:12px;}
}

@media only screen and (max-width:1220px) { 
.magazine .list-main { margin: 0px; }
}

.side-menu-open { width: 36px; height: 44px;
    position: fixed;
    left: 0;
    top: 50%;
    text-align: center;
    line-height: 44px;
    font-size: 22px;
    font-weight: bold;
    margin-top: -22px;
    border-color: #ccc;
    background:#ededed url(../images/ellipsis-v-solid.svg) no-repeat;
    background-size: 10px;
    background-position: center center;
    border-bottom-right-radius: 20px;
    border-top-right-radius: 20px;
    webkit-box-shadow: 2px 2px 5px rgba(0,0,0,0.2);
    -moz-box-shadow: 2px 1px 1px rgba(0,0,0,0.2);
    box-shadow: 2px 1px 1px rgba(0,0,0,0.2); z-index: 4; display:none; }
    .col-left.sidebar-nav a.remove-icon { display: none; }


@media only screen and (max-width: 991px) {
    .side-menu-open { display: block; }
    .col-left.sidebar-nav a.remove-icon { display: block; }
    .col-left.sidebar-nav { position: fixed; height: 100%; width: 320px !important; max-width: inherit !important; left: -100%; top: 0; z-index: 99; background: #fff; padding:60px 10px 10px 10px; -ms-transition: all 0.7s ease;
    -webkit-transition: all 0.7s ease;
    -moz-transition: all 0.7s ease;
    transition: all 0.7s ease; opacity: 0; visibility: hidden; overflow-x: hidden; overflow-y: auto; }
    .show-side-menu .col-left.sidebar-nav { left: 0; opacity: 1; visibility: visible; }
    .show-side-menu .overlay-bg { right: 0; -moz-transform: translateX(320px); -ms-transform: translateX(320px); -webkit-transform: translateX(320px); transform: translateX(320px); }

}


/*21-06-2022 publication lisiting page video popup css*/
#video-popup-container {
    z-index: 996;
    width: 100%;
    max-width: 1000px;
    left: 50%;
    top: 20%;
    transform: translateX(-50%);
    background: #fff;
    display: inline-block;
    padding: 30px 10px 10px;
    line-height: 0;
    position: fixed;
    border-radius: 8px;
    box-shadow: 0 0 25px 0 rgb(0 0 0 / 60%);
}
#video-popup-container iframe{width:100%; height: 600px;}
#video-popup-container .popupCloseButton {
    display: inline-block;
    cursor: pointer;
    position: absolute;
    top: 5px;
    right: 5px;
    width: 20px;
    height: 20px;
    font-size: 0;
}
#video-popup-container .popupCloseButton:after {
    content: '';
    background: url(../images/close-icon.svg) no-repeat;
    background-size: 100% 100%;
    width: 20px;
    height: 20px;
    display: inline-block;
}
 .popups-overlay .hover_background:before {
  position: fixed; content: '';
  z-index: 995;
  top: 0;
  background-color: #000;
  opacity: 0.8;
  width: 100%;
  height: 100%;
  display: inline-block;
  left:0;
}

/*2206-2022 css for side bar active class*/
.sidebar-active-color {
    color: #ac2b31;
}
@media only screen and (max-width: 1024px){
#video-popup-container {
    max-width: 710px;}
#video-popup-container iframe {
    height: 390px;
}
}

@media only screen and (max-width: 768px){
#video-popup-container {
    max-width: 550px;
}
#video-popup-container iframe {
    height: 400px;
}
}
@media only screen and (max-width: 667px){
#video-popup-container {
    max-width: 350px;}
#video-popup-container iframe {
    height: 200px;
}
}


/*23-06-2022 video section secion api list without image*/
.latest-listmain { display: flex; -webkit-display: flex; -o-display: flex; -moz-display: flex; -ms-display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; -o-flex-wrap: wrap; -ms-flex-wrap: wrap; -moz-flex-wrap: wrap; }
.gurukul-network-list .list-main .latest-listmain .col .col-cont { height: 100%; padding-bottom: 65px; }
.latest-listmain .col-cont .button { position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); padding: 0 20px; }
.publication.gurukul-network-list .list-main .latest-listmain .col .title-dec p { height: auto; overflow: visible; }


.magazine-detail { width: 100%; display: inline-block; }
.magazine-detail .detail-cont { width: 100%; display: inline-block; padding: 60px 0; }
.magazine-detail .product-info { width: 100%; display: inline-block; }
/*.magazine-detail .left { width: 25%; float: left; position: relative; }
.magazine-detail .right { width: 75%; float: left; padding-left: 30px; }*/
.magazine-on-link { padding-left: 292px; width: 100%; display: block; }
.magazine-detail .detail-cont .text { font-size: 15px; color: #ac2b31; margin-bottom: 10px; }
.magazine-detail .detail-cont h2 { font-size: 28px; text-transform: none; font-family: 'SourceSansPro-Semibold';  padding: 0; margin-bottom: 5px;  color: #ac2b31;}
.magazine-detail .detail-cont .label { font-size: 17px; width: 100%; display: inline-block; }
.magazine-detail .detail-cont .label span { font-family: 'SourceSansPro-Semibold'; }
.magazine-detail .detail-cont p { line-height: 23px; margin-top: 21px; }
.magazine-detail .detail-cont p a { display: inline-block; margin-right: 30px; }
.magazine-detail .related-publication { width: 100%; display: inline-block; padding-top: 50px; }
.magazine-detail .related-publication h2 { text-align: center; text-transform: uppercase; padding-bottom: 8px; margin-bottom: 34px; }
.magazine-detail .related-publication .list-main { /*margin: 0 -15px;*/ }
.magazine-detail .related-publication .col { /*width: 25%; float: left; padding: 0 15px;*/ text-align: center; }
.magazine-detail .related-publication .col .col-cont { padding: 9px; border: solid 1px #eaeaea; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; transition: all .5s ease-in-out; }
.magazine-detail .related-publication .col .col-cont:hover { box-shadow: 0 5px 20px 0 rgba(23,23,23,0.20); }
.magazine-detail .related-publication .col .img { text-align: center; position: relative; }
.magazine-detail .related-publication .col .img img { display: inline-block; }
.magazine-detail .related-publication .col .title-dec { margin-top: 26px; }
.magazine-detail .related-publication .col .title-dec h3 { font-size: 15px; margin-bottom: 10px; }
.magazine-detail .related-publication .col .title-dec h3 a { color: #ac2b31; }
.magazine-detail .related-publication .col .title-dec p { margin-bottom: 20px; margin-top: 0; }
.magazine-detail .related-publication .col .title-dec .button { margin-bottom: 10px; }
.category_link {font-size: 15px; color: #ac2b31;margin-bottom: 10px;}

.magazine-detail .related-publication .col .title-dec p.description {
    height: 46px;
}

/*added 04/03/2025*/
.magazine.gurukul-network-list .list-main .col .title-dec h3  {
    color: #ac2b31;
}
h2 { font-size: 25px; font-family: 'SourceSansPro-Semibold'; text-transform: uppercase; color: #111111; position: relative; padding-bottom: 8px; }
h2.bdr { font-family: 'SourceSansPro-Bold'; /* text-align: center;*/}
h2.bdr:before,
h2.bdr:after { content: ''; width: 76px; margin: 0 auto; position: absolute; bottom: 0; left: 0; right: 0; background: #c92123; }
h2.bdr:before { height: 5px; }
h2.bdr:after { height: 2px; bottom: -5px; }
h2.bdr.bdr-left:before,
h2.bdr.bdr-left:after { margin: 0; }

.magazine_title {
       display: inline-block;
    margin: 15px 0 15px 0;
    text-align: left;
    border-bottom: solid 1px #dcdcdc;
    padding: 0px 0px 15px;
    font-size: 22px;
    line-height: 24px;
    font-weight: 400;
    color: #303030;
    width: 100%;
}

.magazine_title span.m_date {
    color: #000;
    margin-right: 0;
    font-size: 16px;
    float: right;
}

.magazine_title h4.m_title {
    font-size: 28px;
    color: #ac2b31;
    
}
.magazine_detail_header {
    display: flex;
    justify-content: space-between;
    border-bottom: solid 1px #eaeaea;
    padding: 0 0 10px;
}

.magazine_detail_header .right {
    text-align: right;
}
.magazine_detail_header a.download_magazine.button {
    margin-top: 10px;
}
@media only screen and (max-width:767px) {
.magazine-detail .detail-cont { padding: 20px 0; }
/*.magazine-detail .left,
.magazine-detail .right { width: 100%; }
.magazine-detail .left { text-align: center; }
.magazine-detail .left img { display: inline-block; }
.magazine-detail .right { padding: 0; }*/
.magazine-detail .related-publication { padding-top: 10px; }
.magazine-detail .detail-cont h2{font-size: 19px;}
.magazine-detail .detail-cont .label{font-size: 14px;}
.magazine_detail_header{align-items: center;}
.magazine_detail_header a.download_magazine.button{  font-size: 12px; height: 30px;  line-height: 30px; padding: 0 10px;}
.magazine_title h4.m_title{font-size: 19px;}
.magazine_title span.m_date{font-size: 14px;}
}

/**/
.owl-carousel,
.owl-carousel .owl-item { -webkit-tap-highlight-color: transparent; position: relative }
.owl-carousel { display: none; width: 100%; z-index: 1 }
.owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; touch-action: manipulation; -moz-backface-visibility: hidden }
.owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0 }
.owl-carousel .owl-stage-outer { position: relative; overflow: hidden; -webkit-transform: translate3d(0, 0, 0) }
.owl-carousel .owl-item,
.owl-carousel .owl-wrapper { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0) }
.owl-carousel .owl-item { min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-touch-callout: none }
.owl-carousel .owl-item img { display: block; width: 100% }
.owl-carousel .owl-dots.disabled,
.owl-carousel .owl-nav.disabled { display: none }
.no-js .owl-carousel,
.owl-carousel.owl-loaded { display: block }
.owl-carousel .owl-dot,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-nav .owl-prev { cursor: pointer; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none }
.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel button.owl-dot { background: 0 0; color: inherit; border: none; padding: 0!important; font: inherit }
.owl-carousel.owl-loading { opacity: 0; display: block }
.owl-carousel.owl-hidden { opacity: 0 }
.owl-carousel.owl-refresh .owl-item { visibility: hidden }
.owl-carousel.owl-drag .owl-item { -ms-touch-action: pan-y; touch-action: pan-y; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none }
.owl-carousel.owl-grab { cursor: move; cursor: grab }
.owl-carousel.owl-rtl { direction: rtl }
.owl-carousel.owl-rtl .owl-item { float: right }
.owl-carousel .animated { animation-duration: 1s; animation-fill-mode: both }
.owl-carousel .owl-animated-in { z-index: 0 }
.owl-carousel .owl-animated-out { z-index: 1 }
.owl-carousel .fadeOut { animation-name: fadeOut }
@keyframes fadeOut { 0% {
opacity:1
}
100% {
opacity:0
}
}
.owl-height { transition: height .5s ease-in-out }
.owl-carousel .owl-item .owl-lazy { opacity: 0; transition: opacity .4s ease }
.owl-carousel .owl-item .owl-lazy:not([src]),
.owl-carousel .owl-item .owl-lazy[src^=""] { max-height: 0 }
.owl-carousel .owl-item img.owl-lazy { transform-style: preserve-3d }
.owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #000 }
.owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url(owl.video.play.png) no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; transition: transform .1s ease }
.owl-carousel .owl-video-play-icon:hover { -ms-transform: scale(1.3, 1.3); transform: scale(1.3, 1.3) }
.owl-carousel .owl-video-playing .owl-video-play-icon,
.owl-carousel .owl-video-playing .owl-video-tn { display: none }
.owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; transition: opacity .4s ease }
.owl-carousel .owl-video-frame { position: relative; z-index: 1; height: 100%; width: 100% }
/**/
.owl-theme .owl-dots,
.owl-theme .owl-nav { text-align: center; -webkit-tap-highlight-color: transparent }
.owl-theme .owl-nav { margin-top: 10px }
.owl-theme .owl-nav [class*=owl-] { color: #FFF; font-size: 14px; margin: 5px; padding: 4px 7px; background: #D6D6D6; display: inline-block; cursor: pointer; border-radius: 3px }
.owl-theme .owl-nav [class*=owl-]:hover { background: #869791; color: #FFF; text-decoration: none }
.owl-theme .owl-nav .disabled { opacity: .5; cursor: default }
.owl-theme .owl-nav.disabled+.owl-dots { margin-top: 10px }
.owl-theme .owl-dots .owl-dot { display: inline-block; zoom: 1 }
.owl-theme .owl-dots .owl-dot span { width: 15px; height: 15px; margin: 5px 7px; background: #666; display: block; -webkit-backface-visibility: visible; transition: opacity .2s ease; border-radius: 30px }
.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span { background: #ac2b31; }

/*18-1-2022*/
.sell-on-list a { display: inline-block; border: 2px solid #ac2b31; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; }
.sell-on-list a:hover { border:2px solid #cccccc; box-shadow: 0 5px 20px 0 rgba(23,23,23,0.30); }
.sell-on-list a img { max-width: 100%; }
/*18-1-2022*/
.audio-detail { width: 100%; display: inline-block; padding: 100px 0; }
.audio-table { width: 100%; display: table; border-bottom: solid 1px #ccc; padding: 15px 0; }
.middle { display: table-cell; vertical-align: middle; }
.audio-img { width: 150px; }
.audio-title-maincont { margin: 0 30px; }
.audio-title-maincont h2 { font-family: 'SourceSansPro-Semibold'; font-size: 20px; text-transform: none; }
.audio-title-maincont p { font-family: 'SourceSansPro-Regular'; font-size: 17px; color: #666666; }
.middle.audio-icon { text-align: right; }
.audio-icon ul li { display: inline-block; vertical-align: middle; margin: 0 10px; }
.audio-icon ul li:first-child { margin-left: 0; }
.audio-icon ul li.download svg { width: 20px; height: 22px; }
.audio-icon ul li.wishlist svg { width: 27px; height: 25px; }
.audio-icon ul li.menu svg { width: 5px; height: 19px; }
@media only screen and (max-width:767px) {
.middle { display: block; margin-top: 10px; }
.audio-title-maincont { margin: 0; }
.middle.audio-icon { text-align: left; }
}