@font-face {
    font-family: 'Hellix';
    src: url('Hellix-Regular.eot');
    src: local('Hellix Regular'), local('Hellix-Regular'),
        url('../fonts/Hellix-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Hellix-Regular.woff2') format('woff2'),
        url('../fonts/Hellix-Regular.woff') format('woff'),
        url('../fonts/Hellix-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
  }
  
  @font-face {
    font-family: 'Hellix';
    src: url('Hellix-SemiBold.eot');
    src: local('Hellix SemiBold'), local('Hellix-SemiBold'),
        url('../fonts/Hellix-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Hellix-SemiBold.woff2') format('woff2'),
        url('../fonts/Hellix-SemiBold.woff') format('woff'),
        url('../fonts/Hellix-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
  }
  
  @font-face {
    font-family: 'Hellix';
    src: url('Hellix-Light.eot');
    src: local('Hellix Light'), local('Hellix-Light'),
        url('../fonts/Hellix-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Hellix-Light.woff2') format('woff2'),
        url('../fonts/Hellix-Light.woff') format('woff'),
        url('../fonts/Hellix-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
  }
  
  @font-face {
    font-family: 'Hellix';
    src: url('Hellix-Thin.eot');
    src: local('Hellix Thin'), local('Hellix-Thin'),
        url('../fonts/Hellix-Thin.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Hellix-Thin.woff2') format('woff2'),
        url('../fonts/Hellix-Thin.woff') format('woff'),
        url('../fonts/Hellix-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
  }
  
  @font-face {
    font-family: 'Hellix';
    src: url('Hellix-Bold.eot');
    src: local('Hellix Bold'), local('Hellix-Bold'),
        url('../fonts/Hellix-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Hellix-Bold.woff2') format('woff2'),
        url('../fonts/Hellix-Bold.woff') format('woff'),
        url('../fonts/Hellix-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
  }
  
  @font-face {
    font-family: 'Hellix';
    src: url('Hellix-ExtraBold.eot');
    src: local('Hellix ExtraBold'), local('Hellix-ExtraBold'),
        url('../fonts/Hellix-ExtraBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Hellix-ExtraBold.woff2') format('woff2'),
        url('../fonts/Hellix-ExtraBold.woff') format('woff'),
        url('../fonts/Hellix-ExtraBold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
  }
  
  @font-face {
    font-family: 'Hellix';
    src: url('Hellix-Medium.eot');
    src: local('Hellix Medium'), local('Hellix-Medium'),
        url('../fonts/Hellix-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Hellix-Medium.woff2') format('woff2'),
        url('../fonts/Hellix-Medium.woff') format('woff'),
        url('../fonts/Hellix-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
  }
  
  
* { box-sizing: border-box;}
html{ overflow-x: hidden;}
body { font-size: 14px; font-weight: 500; color: #000; line-height: 1.5; font-family: 'Hellix'; overflow-x: hidden;}   
a { text-decoration: none !important; transition: .3s all ease; } 
li{ list-style: none;}
h1, h2, h3, h4, h5, h6, p { margin-top: 0px; margin-bottom: 0px; } 
ul { margin-bottom: 0px; padding-left: 0;}  
input:focus{ outline: none; box-shadow: none; }
.container{ max-width: 1340px; }
.header-area .main-nav { background: transparent; } 
.header-area .main-nav .nav { margin-top: 0; background-color: transparent; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; position: relative; z-index: 999; width: 100%; display: flex; align-items: center; justify-content: space-between;} 
.header-area .main-nav .nav li { padding: 0 30px;}
.header-area .main-nav .nav li:last-child{ padding-right: 0; position: relative;}
.header-area .main-nav .nav li a { display: flex; font-weight: 500; font-size: 14px; text-transform: capitalize; color: #fff; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; align-items: center; position: relative; padding: 15px 0; } 
.header-area .main-nav .nav li:last-child > .sub-menu{ left: auto; right: 0; }
.header-area .main-nav .nav li:last-child > .sub-menu:before{ right: 20px; left: auto; }
.header-area .main-nav .nav li a.active, .header-area .main-nav .nav li:hover a { color: #F5D30D; } 
.header-area .main-nav .nav li.menu-item-has-children { position: relative; }
.header-area .main-nav .nav li.menu-item-has-children ul.sub-menu { position: absolute; width: 220px; background-color: #046F7D; box-shadow: 0 0px 18px 2px rgba(0, 0, 0, 0.1); top: 93%; opacity: 0; transition: all .2s; transform: translateY(+2em); visibility: hidden; z-index: -1; } 
.header-area .main-nav .nav li.menu-item-has-children ul.sub-menu li { margin-left: 0px; padding-left: 0px; padding-right: 0px; margin-right: 0; } 
.header-area .main-nav .nav li.menu-item-has-children ul.sub-menu li a { opacity: 1; display: block; background: #E67817; padding: 12px 15px; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; position: relative; font-size: 13px; font-weight: 500; color: #fff; border-top: 0 solid #6186AC;} 
.header-area .main-nav .nav li.menu-item-has-children ul li:hover > a{ background: #d0711e; color: #fff!important; } 
.header-area .main-nav .nav li.menu-item-has-children ul li a:hover:before { width: 3px; } 
.header-area .main-nav .nav li.menu-item-has-children:hover > ul.sub-menu { visibility: visible; opacity: 1; z-index: 1; transform: translateY(0%); transition: .3s all ease } 
.header-area .sticky_menu .nav { justify-content: flex-end; }
.header-area .sticky_menu .nav li a{ color: #000; }
.header-area .sticky_menu .nav li{ padding: 0 15px; }
 .sticky_menu { display: none; }
 .fixed_header .sticky_menu { position: fixed; top: 0; left: 0; right: 0; margin: auto; width: 100%; display: block; z-index: 999; animation: smoothScroll 1s forwards; display: flex; align-items: center; background: #fff; padding: 15px 0; box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.1);}
 @keyframes smoothScroll{
  0%{transform:translateY(-100px)}
  100%{transform:translateY(0px)}
}
.fixed_header .main-nav .logo{ padding-top: 0;}
.header-area .main-nav .nav li.menu-item-has-children:hover li.menu-item-has-children > .sub-menu{ left: 100%; top: 0; }
.sub-menu li .sub-menu:before{ display: none; }
.header-area .main-nav .nav li.menu-item-has-children i { position: absolute; right: 20px; top: 51%; color: #fff; font-size: 14px; z-index: 99; transform: translateY(-50%) rotate(0); transition: .3s all ease; cursor: pointer; }
.header-area .main-nav .nav > li.menu-item-has-children:hover i { color: #E67817; transform: translateY(-50%) rotate(0deg); }
.header-area .main-nav .nav li.menu-item-has-children li.menu-item-has-children:hover i{ color: #fff; transform: translateY(-50%) rotate(-90deg); }
.sticky_menu.main-nav .nav li:last-child{ padding-right: 0; }
.header-area .main-nav .nav li a.active:before{ width: 100%; }
.header-area .main-nav .nav li:last-child i{ right: 0; }
.header-area .main-nav .nav li > a:before{ content: ''; position: absolute; left: 0; width: 0; bottom: 0; transition: .5s all ease; height: 2px; background: #F5D30D; }
.header-area .main-nav .nav li:hover > a:before, .header-area .main-nav .nav li.active > a:before{ width: 100%; }

.header_top { padding: 30px 0; border-top: 10px solid #BC1820; }
.logo_sec img{ width: 70%; }
.header_right li a{ font-size: 18px; color: #000; font-weight: 400; display: inline-block; border-radius: 5px; border: 1px solid #707070; padding: 4px 32px;}
.header_right li a:hover, .header_right li.active a{ background: #BC1820; color: #fff; border-color: #BC1820; }
.header_right li{ margin-right: 5px; }
.header_right ul{ margin-right: 50px; }
.site_btn{ font-size: 16px; color: #fff; font-weight: 500; background: #000; display: inline-flex; align-items: center; justify-content: space-between; text-transform: capitalize; padding: 9px 30px; border-radius: 5px; position: relative;}
.site_btn:hover{ background: #BC1820; color: #fff; }
.main_menu_sec{ position: absolute; right: 0; top: 100%; padding-top: 5px; }
.btm_nav_inner{ position: relative; }

.banner_section > img{ object-fit: cover; height: calc(100vh - 118px); }
.space_sec{ padding: 60px 0; }
.welcome_img{ padding-right: 20px; }
.heading_sec h2{ font-size: 32px; color: #000; font-weight: 500; position: relative; display: inline-block; padding-bottom: 18px; margin-bottom: 15px; }
.heading_sec h2:before{ content: ''; position: absolute; left: 0; right: 0; bottom: 0; background: #DA7E82; width: 100%; height: 2px; }
.heading_sec h2:after { content: ''; position: absolute; left: 50px; right: 0px; bottom: -1.5px; background: #000; width: 16px; height: 5px; }
.para_sec p{ margin-bottom: 20px; }
.read_more_btn a{ display: inline-flex; font-size: 14px; color: #BC1820; font-weight: 500; font-style: italic;align-items: flex-end; }
.read_more_btn a img{ padding-left: 15px; }
.read_more_btn a:hover{ color: #000; }
.anim_op{ overflow: hidden; display: block; }
.anim_op img{ transform: scale(1); transition: .5s all ease; }
.anim_op:hover img{ transform: scale(1.1);}

.patrons_section, .welcome_section{ background: #F8FBFF; }
.patrons_block > span{ display: block; border: .5px solid #707070; }
.patrons_caption{ margin-top: 20px; }
.patrons_caption h5{ font-size: 22px; font-weight: 600; color: #000; }
.patrons_caption h5 span{ display: block; font-size: 18px; color: #BC1820; padding-top: 6px; }
.patrons_block{ margin-bottom: 40px; }
.patrons_row{ padding: 0 10%; margin-top: 30px;}
.patrons_block:hover .anim_op img{ transform: scale(1.1);}


.convocation_section, .media_section{ position: relative; }
.convocation_section > img { max-height: 500px; object-fit: cover; }
.convocation_outer{ position: absolute; left: 0; right: 0; top: 50%; transform: translateY(-50%); }
.convocation_col{ width: 16.66%; margin-bottom: 38px; padding: 0 2px; }
.convocation_block > span{ border: 1px solid #fff; }
.convocation_block h5{ font-size: 18px; font-weight: 600; color: #fff; }
.convocation_block .patrons_caption{ margin-top: 15px; }
.convocation_block h5 span{ font-size: 14px; color: #fff; font-weight: 500; padding-top: 3px; }
.convocation_section h2{ color: #fff; margin-bottom: 50px; }
.convocation_section h2:before{ background: #AF8BC2; }

.iframe_block{ margin-top: 30px; }
.media_block{ margin-top: 90px; padding: 0 15%; }
.media_block li span{ display: inline-block; position: relative; }
.media_block li span:before{ content: ''; position: absolute; top: 50%; left: 0; right: 0; margin: auto; background: url('../images/ss_bdr.png') 50% 50% no-repeat; background-size: 83%; width: 180px; height: 180px; transform: translate(-31%, -50%); z-index: -1; }
.media_outer{ position: relative; }
.media_inner { position: absolute; left: 0; right: 0; top: 40%; transform: translateY(-50%); }

.footer_section{ position: relative; }
.footer_outer{ position: absolute; top: 40%; transform: translateY(-50%); left: 0; right: 0; margin: auto; }
.footer_section > span{ display: block; position: relative; }
.footer_section > span:before{ content: ''; position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto; background: #BC1820; opacity: .95; }
.footer_section h2{ color: #fff; font-size: 26px; margin-bottom: 65px; }
.footer_section .heading_sec h2:after{ background: #fff; left: 25px; }
.footer_block h4{ font-size: 22px; color: #fff; margin-bottom: 28px; }
.footer_address p{ font-size: 19px; color: #fff; margin-bottom: 25px; }
.footer_block{ padding-right: 30px; }
.footer_link li{ font-size: 19px; color: #fff; margin-bottom: 35px; }
.footer_link li a{ color: #fff; }
.footer_link li a:hover{ color: #000; }
.ss_sec li img{ max-width: 43px; transition: .5s all ease; }
.ss_sec li{ margin-right: 2px; }
.map_block iframe{ border: 1px solid #707070 !important; }
.ss_sec li a:hover img{ background: #000; }
.copyright_sec{ text-align: center; font-size: 19px; color: #000; padding: 20px 0; }

.convocation_listing ul{list-style: disc !important; list-style-position: inside; column-count: 2; column-gap: 20px; margin-left: 30px;}
.conovaction_list_item{list-style: decimal !important; padding: 10px 0; list-style-position: inside; color: #fff;}
.conovaction_list_item::marker{padding-left: 10px; font-size: 24px;}
.conovaction_list_item a{color: #fff !important; font-size: 24px; transition: 0.32s all ease;}
.conovaction_list_item a:hover{text-decoration: underline !important;}

.active_date .ld_date{ opacity: 0; visibility: hidden; }
.active_date .ld_date_inner { display: block !important; position: absolute; top: 48%; font-size: 17px; transform: translateY(-50%); font-weight: 700; color: transparent; background: rgb(255, 0, 0); background: linear-gradient( 90deg, rgba(255, 0, 0, 1) 0%, rgba(238, 100, 10, 1) 7%, red, rgba(210, 169, 39, 1) 14%, rgba(234, 252, 62, 1) 21%, rgba(134, 248, 82, 1) 28%, rgba(99, 245, 156, 1) 35%, rgba(87, 241, 215, 1) 42%, rgba(75, 216, 237, 1) 49%, rgba(66, 158, 239, 1) 56%, rgba(57, 74, 241, 1) 63%, rgba(126, 45, 244, 1) 70%, rgba(162, 84, 247, 1) 77%, rgba(229, 117, 249, 1) 84%, rgba(251, 103, 164, 1) 91%, rgba(253, 127, 190, 1) 97%, rgba(255, 0, 191, 1) 100% ); background-clip: text; -webkit-background-clip: text; background-size: 500%; animation: color 5s linear infinite;}
@keyframes color {
  from {
    background-position: 0% 50%;
  }
  to {
    background-position: 100% 50%;
  }
}
.welcome_section .welcome_content{ height: 425px; overflow-x: auto; padding-right: 30px; }





















@media(max-width: 1367px){
    .container{ max-width: 1200px; }
    .header_right ul { margin-right: 40px; }
    .header-area .main-nav .nav li { padding: 0 24px; }
    .header_right li a{ font-size: 16px; }
    .footer_address p, .footer_link li, .copyright_sec p { font-size: 17px;}
    .heading_sec h2 { font-size: 28px;}
    .footer_section h2{ font-size: 23px; }
    .footer_outer{ top: 42%; }
    .header-area .sticky_menu .nav li { padding: 0 12px; }
    .patrons_caption h5 { font-size: 20px;}
    .patrons_caption h5 span{ font-size: 16px; }
    .convocation_block h5{ font-size: 16px; }
    .convocation_block h5 span{ font-size: 12px; }
    .media_block li{ width: 50px; }
    .media_block li span:before { background-size: 75%; transform: translate(-37%, -50%);}
    

}


@media(max-width: 1199px){
    .container{ max-width: 900px; }
    .header_right li a { font-size: 14px; padding: 4px 25px; }
    .header_right ul { margin-right: 20px; }
    .site_btn { font-size: 14px; padding: 9px 25px}
    .logo_sec{ flex: 1; }
    .header-area .main-nav .nav li { padding: 0 14px; }
    .header-area .sticky_menu .nav li a{ font-size: 12px; }
    .header-area .sticky_menu .nav li { padding: 0 8px; }
    .sticky_menu .logo_sec{ flex: none; width: 20%; }
    .sticky_menu .logo_sec img{ width: 100%; }
    .patrons_caption h5 { font-size: 18px; }
    .convocation_block h5 { font-size: 14px; }
    .media_block li span:before { background-size: 65%; transform: translate(-37%, -50%);}
    .footer_section > span img{ min-width: 140%; }
    .footer_block h4 { font-size: 20px;}
    .footer_address p, .footer_link li, .copyright_sec p { font-size: 15px; }
    .map_block iframe{ height: 200px; }
    .ss_sec li img { max-width: 35px;}
    .media_block{ margin-top: 60px; }
    .conovaction_list_item::marker, .conovaction_list_item a{ font-size: 20px; }
    .active_date .ld_date_inner{ font-size: 15px; }


    
}

@media(max-width: 991px){
    .container { max-width: 700px; }
    .menu_icon_sec{ display: block; }
    .menu_icon_sec>a { width: 35px; z-index: 9; position: absolute; top: 30px; transform: translateY(-50%); right: 0; transition: .3s all ease; }
    .menu_icon_sec span { width: 35px; height: 2px; background: #fff; display: block; transition: .3s all ease-in; position: relative; } 
    .menu_icon_sec span:nth-child(2) { margin: 8px 0; } 
    .header-area .main-nav .logo img { max-width: 75%;}
    .header-area .bottom-nav .nav { width: 100%; position: fixed; top: 0; transition: .5s all ease-in; opacity: 0; visibility: hidden; height: 100vh; background: #000; left: -100%; margin-right: 0; display: block;  padding: 80px 20px !important; z-index: 9999;}
    .active_menu .header-area .bottom-nav .nav{ top: 0; opacity: 1; visibility: visible !important; left: 0; overflow-y: scroll;}
    .header-area .bottom-nav .nav > li { padding: 0; width: 100%; height: auto; border-bottom: 1px solid #dbcece; margin: 0;}
    .cross_icon{ border-radius: 50px; width: 40px; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; align-content: center; z-index: 99999; position: absolute; top: 35px; right: 20px; transition: .3s all ease; }
    .cross_icon span { width: 30px; height: 3px; background: #fff; border-radius: 50px; display: block; transition: .3s all ease-in; position: relative; }
    .cross_icon span:first-child { transform: rotate(45deg); top: 5px; } 
    .cross_icon span:nth-child(2) { visibility: hidden; opacity: 0; } 
    .cross_icon span:last-child { transform: rotate(-45deg); top: -1px; }
    .active_menu .menu_icon_sec>a span{ background-color: #333; }
    .header-area .main-nav .nav li.menu-item-has-children ul.sub-menu li a{ background: transparent; color: #2d2d2d; }
    .header-area .main-nav .nav li.menu-item-has-children ul.sub-menu { width: 300px; position: relative; top: 5px; left: 0; display: none; opacity: 1; visibility: visible; transform: translateY(0); }
    .main-nav .nav li.menu-item-has-children.active_submenu ul.sub-menu { display: block !important; }
    .header-area .main-nav .bottom-nav{ margin-bottom: 10px;}
    .active_menu .header-area .norm_menu .nav{ visibility: hidden; }
    .active_menu .header-area .sticky_menu .nav{ display: none; }
    .header-area .main-nav .nav li.menu-item-has-children:before { font-size: 18px; background: #CA6F1D; width: 50px; height: 52px; display: flex; align-items: center; justify-content: center; right: 0; color: #fff; z-index: 1; top: 25px; transition: .3s all ease; }
    .sub-menu:before{ display: none; }
    .header-area .main-nav .nav > li.menu-item-has-children:hover i{ color: #fff; }
    .header-area .main-nav .nav li.menu-item-has-children ul.sub-menu{ background: transparent; box-shadow: none; }
    .header-area .main-nav .nav li.menu-item-has-children ul.sub-menu{ width: 100%; top: -1px; }
    .header-area .main-nav .nav li.menu-item-has-children{ padding-right: 0; padding-left: 0; }
    .header-area .main-nav .nav li.menu-item-has-children ul li:hover > a{ color: #CA6F1D !important; }
    .header-area .main-nav .nav li.menu-item-has-children li.menu-item-has-children:hover i { transform: translateY(-50%) rotate(0); }
    .header-area .main-nav .nav li.menu-item-has-children li.menu-item-has-children i { width: 50px; height: 48px; top: 22px; }
    .header-area .main-nav .nav li.menu-item-has-children ul.sub-menu li{ padding: 0; width: 100%; height: auto; border-bottom: 1px solid #dbcece;}
    .header-area .main-nav .nav li.menu-item-has-children ul.sub-menu li.menu-item-has-children > ul.sub-menu { display: none; left: 0; top: 0; }
    .header-area .main-nav .nav li:hover > a:before{ display: none; }
    .main-nav .nav li.menu-item-has-children ul.sub-menu li.menu-item-has-children.active_submenus, .header-area .main-nav .nav li.menu-item-has-children ul.sub-menu li.menu-item-has-children.active_submenus{ border-bottom: 0; }
    .header-area .main-nav .nav li.menu-item-has-children ul.sub-menu ul.sub-menu a{ padding-left: 40px;}
    .header-area .main-nav .nav > li.menu-item-has-children li.menu-item-has-children i{ color: #fff; }
    .header-area .main-nav .nav li.menu-item-has-children>a:after, .header-area .main-nav .nav > li > a:before{ display: none; }

    .header_right li a{ font-size: 12px; padding: 4px 15px; }
    .banner_section > img{ height: 340px; }
    .sticky_menu .logo_sec{ width: 30%; }
    .sticky_menu .menu_icon_sec span{ background: #000; }
    .sticky_menu .menu_icon_sec > a{ top: 50%; }
    .welcome_img { padding-right: 0; margin-bottom: 25px; }
    .convocation_col{ width: 33.33%; }
    .convocation_section > img { min-width: 150%; }
    .media_block{ padding: 0 8%; }
    .media_block li span:before { background-size: 55%;}
    .media_outer > img{ min-width: 140%; }
    .footer_section > span img { min-width: 280%; }
    .map_block iframe { height: 300px; }
    .map_block{ margin-top: 30px; }
    .footer_outer { top: 45%; }
    .convocation_listing ul{ column-count: 1; }
    .convocation_section h2{ margin-bottom: 25px; }
    .welcome_section .welcome_content{ height: 100%; padding-right: 0; }

   
   
}


@media(max-width: 767px){
    .container{ max-width: 600px; }
    .header_top_sec, .header_right{ flex-wrap: wrap; justify-content: center !important; }
    .logo_sec{ text-align: center; }
    .header_right ul{ margin-right: 0; margin: 10px 0; justify-content: center;}
    .banner_section > img{ height: 250px; }
    .header_top{ padding: 20px 0; border-top-width: 5px; }
    .heading_sec h2 { font-size: 22px; }
    .space_sec{ padding: 40px 0; }
    .patrons_row{ padding: 0 2%; }
    .convocation_col { width: 50%; }
    .conovaction_list_item::marker, .conovaction_list_item a{ font-size: 18px; }
    .convocation_section > img { max-height: 600px; min-width: 290%;}
    .convocation_section h2{ margin-bottom: 30px; }
    .media_block{ flex-wrap: wrap; justify-content: center !important; }
    .media_block li{ width: 50%; text-align: center; margin-bottom: 50px;}
    .footer_link li, .footer_address p{ margin-bottom: 15px; }
    .map_block iframe { height: 200px; }
    .footer_section > span img { min-width: 580%; }
    .footer_section h2{ margin-bottom: 25px; }
    .footer_address p, .footer_link li, .copyright_sec p{ font-size: 14px; }
    .media_block li img{ width: 50%; }
    .media_outer > img { min-width: 440%; }
    .media_block li span:before { background-size: 40%; transform: translate(-30%, -50%); }
    .media_inner{ top: 50%; }
    .sticky_menu .logo_sec { width: 50%; }
    .patrons_caption { margin-top: 15px; }
    .patrons_block { margin-bottom: 30px; }
    .convocation_col{ margin-bottom: 30px; }
    
    
    

 }

 @media(max-width: 479px){
    .container{ max-width: 350px; }

    
    

}