@font-face {
    font-family: Thaka;
    src: url('Fonts/FMLAN0BTT.ttf');
}

@font-face {
    font-family: PanchariUni;
    src: url('Fonts/PanchariUniN.ttf');
    font-weight: normal;
}

@font-face {
    font-family: PanchariUni;
    src: url('Fonts/PanchariUniB.ttf');
    font-weight: bold;
}

@font-face {
    font-family: EGGIndulekhaUni;
    src: url('Fonts/EGGIndulekhaUniB.ttf');
}

html {
    max-width: 1920px;
    scroll-behavior: smooth;
}
.btn-success {
    background-color: #28a745;
}
        .navbar-dark .navbar-brand {            color:     #000;}
        .navbar-dark .navbar-nav .active > .nav-link{     color:     #000;}
        .navbar-dark .navbar-nav .nav-link {    color:     rgba(17, 17, 17, 0.5);}
        .navbar-dark .navbar-nav .nav-link:hover {    color: #000;}
        .navbar-dark .navbar-brand:hover{    color:     #000;}
        .navbar-dark .navbar-toggler {    color: rgba(0, 0, 0, 0.5);border-color:    rgba(0, 0, 0, 0.1);}
        footer li {    list-style: none;}
        .credit {    margin: 20px 0;  width: 100%;  text-align: center;    color:     #ffffff;}
        .content {  padding: 0 18px;  display: none;  overflow: hidden;  background-color: #fff;}
        .mrdn_HomeContainer_bg {     background-repeat: no-repeat;    max-width: 1920px;    margin: 0 auto;    padding: 0.56rem 0;background-position: bottom;}        
        .vision{color:red;}
        .mrdn_logo{position:absolute;}
        .container{max-width:1460px;width:100%}
        .mrdn_leaf_content{padding-top: 407px;color:#fff;margin: 0 209px;font-size: 21px;}
        .mrdn_nms_logo{width:320px;height:326px;}
        .mrdn-nms-hd{text-align: center;padding-top:0px;padding-bottom:20px;color:#28a745;font-size:28px;}
        .mrdn_menu{width:57px;height:43px;}
        .mrdn_join{border-radius: 0 0 10px 10px;width: 74px;height: 82px;}
        .mrdn_leaf_hd{width:731px;height:163px;}
        .mission_vision_txt{font-size:16px;}
.ExecutiveMem_Image {width:100%;height:auto}
.card-text {text-align:center;text-transform:capitalize}
.Exe_MembCard {padding: 0px 7px 15px 8px;}

/*Index*/

   .fixheader {background-color: #f1f1f1;padding: 50px 10px;color: black;text-align: center;font-size: 90px;font-weight: bold;top: 0;width: 100%;transition: 2s;}
    .headerLogoScroll {width: 120px !important;transition: 1s;}
    .HeaderContentScroll {padding: 6px 0px;transition: 1s;}
    .HeaderTopcroll{max-width:100%;transition: 1s;z-index: 20000;}
    .Social_IconsScroll {padding: 15px 0px !important;transition: 1s;}
    .sticky {position: fixed;top: 0;width: 100%;max-width: 1920px;background-color: #3a90e1;opacity:1;background-image: linear-gradient(to bottom right, #0571d0, #00b800);}
    .sticky + .content {padding-top: 102px;}


.HeaderContents{}
.MainOuter{width:100%;max-width:1920px;margin:0 auto}
.HeaderPage {    height: 100vh;    max-height:1080px;    max-width:1920px;}
.HeaderTop{padding-top: 30px;}
.Social_Icons{text-align:right;padding: 35px 0px;transition:1s}
.blankTransp{width:100%;}
#headerLogo{max-width:320px;width:100%;transition:1s;}

.menubar {float:right}
.topnav {  overflow: hidden; }
.topnav a {  float: left;  display: block;  color: #f2f2f2;  text-align: center;  padding:10px 23px 10px 23px;  text-decoration: none;  font-size: 14px;text-transform:uppercase; transition:1s; font-family: arial;}
.topnav a:hover {  background-color: #fec500;  color: black;}
.topnav a.active {  background-color: #fec500;  color: black;}
.topnav .icon {  display: none;}
.nav li a.active { color: black;background-color:#fec500;}
.malayalamHeader{font-family:Thaka;font-size:66pt;color:#ffffff;padding-top: 70px !important;}

.MainContent {    max-width:1600px;    padding-top:40px;margin:0 auto;position:relative}
.EventsBorder {    border: 1px solid #c8c8c8;}
.EventTitle{font-size:30pt;color:#000000;text-transform:uppercase;letter-spacing:5pt;margin: 0px 35px;}
.EventTitle font{font-size:45pt; }
.EventImage1, .EventImage2{text-align:center }
.EventImage1 img, .EventImage2 img{padding-bottom: 41px;width: 100%;max-width:828px}
.MainContent p {padding-right:150px}
.DiscriptionTexts{padding: 0 15px;}
.Dicrip_MainTitile{font-size:30px;font-weight:bold;}
.Dicrip_SubTitile{font-size:20px;}
.Dicrip_Texts {    font-size: 10.5pt;      padding-top: 15px;    letter-spacing: 0.5px;    line-height: 18.5pt;}
.Dicrip_SubTitile2{font-size:18px;font-weight:bold;}
.Dicrip_Texts ul{padding-left: 11px;padding-top: 5px;}
.MainContent li {list-style:none; font-size: 10.5pt;      padding-top: 10px;    letter-spacing: 0.5px;    line-height: 18.5pt;}
.MainContent li img{padding-right:10px}
.EventDisplay {    width: 58%;    float: left}

.KadhakaliImgContainer {    position: relative;    height: 300px;}
.KadhakaliImgContainer img{float:right;margin-top:-140px;right: 0px;}
.KadhakaliImgContainerMobile{display:none}
.LeafsContent{position:absolute;right:0px;top:1200px}

.FooterMediaPartenrs{text-align:center}
.footerbgimg{margin-top:-120px;width:100%}
.footerCopyright{margin-top:-75px;text-align:center;color:#ffffff}
.footerContents{max-width:1200px;margin: 90px auto 20px auto;}
.committee_mem{font-size: 25.5pt}

.mrdn_regform_frame{height:1495px;}
.mrdn_contactform_frame{height:864px;}

.newsContents {    max-width: 1200px;    margin: 0 auto;}
.card-body {padding:.5rem;}

@media only screen and (min-width:1400px) and (max-width: 1600px) {
    .malayalamHeader {padding-top: 90px !important;}
    .EventImage1 img, .EventImage2 img {width: 92%;}
}

@media only screen and (min-width:1251px) and (max-width: 1399px) 
{
    .headerLogo{text-align:center;}
    #headerLogo{width:65%}
    .topnav a {font-size: 13px;    }
    .malayalamHeader {padding-top: 90px !important;font-size:65px}
   
    .EventImage1 img, .EventImage2 img {width: 92%;}
    .LeafsContent {opacity: 0.5;    }  

}
@media only screen and (min-width:1200px) and (max-width: 1250px) {
    .topnav a {font-size: 12px;    }
}
@media only screen and (min-width:992px) and (max-width: 1199px)
{
    .headerLogo{text-align:center;}
    #headerLogo{width:65%}

    .topnav a {padding: 5px 15px 18px 15px;font-size: 11px;    }
    .malayalamHeader {padding-top: 90px !important;font-size: 50pt;}

    .MainContent p {    padding-right: 50px;}
    .EventTitle font {   font-size: 35pt;}   
    .EventTitle {        font-size: 18pt;  margin: 0px 20px;  }
    .EventImage1 img, .EventImage2 img {width: 92%;padding-bottom: 5%;}
    .LeafsContent {opacity:0.5;  top: 142%;  }  

                  
}
@media only screen and (min-width:768px) and (max-width: 991px)
{
            .headerLogo{text-align:center;}
    #headerLogo{width:70%}
    .Social_Icons {    padding: 15px 0px;}

    .topnav a {padding: 5px 12px 20px 12px;font-size: 11px;}
    .malayalamHeader {padding-top: 40px !important;font-size: 46pt;}

    .EventTitle font {   font-size: 35pt;}   
    .EventTitle {        font-size: 18pt;  margin: 0px 20px;  }
    .EventImage1 img, .EventImage2 img {width: 92%;padding-bottom: 5%;}
    .LeafsContent {opacity: 0.5;  top: 1600px;  }
    p, li{padding-right:25px}
    .MainContent p {    padding-right: 25px;}
    .EventDisplay{width:100%}
    .KadhakaliImgContainer{display:none}
    .KadhakaliImgContainerMobile{display:inherit;float:left;width:32%}
    .KadhakaliImgContainerMobile img{width:100%;padding-bottom: 29px;}

    .footerContents {margin: 50px auto 20px auto;    }
    .footerCopyright {margin-top: -46px;    }
        .footerbgimg {margin-top: -40px;}
    .mediaPartners{display:none}
    .footerSocialicos, .FooterMediaPartenrs{text-align:center}
    .footerSocialicos img{width:30px}
    .FooterMediaPartenrs img{height: 37px;}
    


}
@media only screen and (min-width:576px) and (max-width: 767px)
{
    .HeaderTop {        padding-top: 15px;    }
    .Social_Icons img{width:25px}
    .headerLogo {        text-align: center;    }
    #headerLogo{width:70%;min-width:130px}
    .Social_Icons {    padding: 15px 0px;}

    .topnav a {padding: 5px 15px 7px 15px;font-size: 15px;}
    .malayalamHeader {padding-top: 40px !important;font-size: 35pt;}

    .EventTitle font {   font-size: 35pt;}   
    .EventTitle {        font-size: 18pt;  margin: 0px 20px;  }
    .EventImage1 img, .EventImage2 img {width: 92%;padding-bottom: 5%;}
    .LeafsContent {opacity: 0.5;  top: 1300px;  }
    p, li{padding-right:25px}
    .MainContent p {    padding-right: 25px;}
    .EventDisplay{width:100%}
    .KadhakaliImgContainer{display:none}
    .KadhakaliImgContainerMobile{display:inherit;float:left;width:32%}
    .KadhakaliImgContainerMobile img{width:100%;padding-bottom: 29px;}

    .footerbgimg {margin-top: -40px;}
    .mediaPartners{display:none}
    /*Header*/
    .menubar {    position:relative;height:50px;  float:inherit  }
    .topnav.responsive {        position: absolute !important;        z-index: 200;        right: 0px; color:Black;background-color:#fff;    }
    .topnav {        position: absolute;        right: 0px    }
    .topnav a {   z-index:100; color:Black;           }
    .topnav a:not(:first-child) {display: none;}
    .topnav a.icon {    float: right;    display: block;   background-color: #fec500;  }
        .topnav.responsive .icon {            position: absolute;            right: 0;            top: 0;                 }
    .topnav.responsive a {    float: none;    display: block;    text-align: left;    }
    /*Header*/

    .footerContents {margin: 50px auto 20px auto;    }
    .footerCopyright {margin-top: -46px;    }
        .footerbgimg {margin-top: -40px;}
    .mediaPartners{display:none}
    .footerSocialicos, .FooterMediaPartenrs{text-align:center}
    .footerSocialicos img{width:30px}
    .FooterMediaPartenrs img{height: 28px;}
    

}
@media only screen and  (min-width:0px) and (max-width: 575px)
{
    .headerLogoScroll {width: 75px !important;transition: 1s;}
    body {background-size: 120% !important;        background-position-x: center !important;    }
    .HeaderTop {        padding-top: 5px;    }
    .Social_Icons img{width:25px}
    .headerLogo {        text-align: center;    }
    #headerLogo{width:80%;min-width:100px}
    .Social_Icons {    padding: 0px 0px 5px 0px;}

    .topnav a {padding: 5px 15px 7px 15px;font-size: 15px;}
    .malayalamHeader {        padding-top: 4% !important;        font-size: 20pt;    }

    .MainContent {padding-top: 0px;    }
    .EventTitle font {   font-size: 25pt;}   
    .EventTitle {        font-size: 13pt;  margin: 5px 10px; letter-spacing: 3pt; }
    .EventImage1 img, .EventImage2 img {width: 92%;padding-bottom: 5%;}
    .LeafsContent {opacity: 0.5;  top: 900px;  }
    p, li{padding-right:25px}
    p {margin-bottom: 0.5rem;    }
    .MainContent p {    padding-right: 25px;}
    .EventsBorder {        border: 0px ;    }
    .EventDisplay{width:100%}
    .KadhakaliImgContainer{display:none}
    .KadhakaliImgContainerMobile{display:inherit;float:left;width:32%}
    .KadhakaliImgContainerMobile img{width:100%;padding-bottom: 29px;}

    .Dicrip_MainTitile {        font-size: 22px;        }
    .Dicrip_SubTitile {        font-size: 17px;    }
    .Dicrip_Texts {        font-size: 9pt;        letter-spacing: 0.25px;    }

    .footerbgimg {margin-top: -40px;}
    .mediaPartners{display:none}
    /*Header*/
    .menubar {    position:relative;height:36px; float:inherit   }
    .topnav.responsive {        position: absolute !important;        z-index: 200;        right: 0px;  color:Black;      background-color: #fff;    }
    .topnav {        position: absolute;        right: 0px    }
    .topnav a {   z-index:100;     color:Black;       }
    .topnav a:not(:first-child) {display: none;}
    .topnav a.icon {    float: right;    display: block;      background-color: #fec500;}
        .topnav.responsive .icon {            position: absolute;            right: 0;            top: 0;                 }
    .topnav.responsive a {    float: none;    display: block;    text-align: left;    }
    /*Header*/

    .footerCopyright {        margin-top: -40px;font-size: 8pt;    }
    .footerContents {margin: 35px auto 0px auto   }    
    .footerbgimg {margin-top: -40px;}
    .mediaPartners{display:none}
    .footerSocialicos, .FooterMediaPartenrs{text-align:center;padding:0px}
    .footerSocialicos img{width:22px ;padding-top:10px}

    .FooterMediaPartenrs img{height: 28px;}
    .committee_mem {    font-size: 19.5pt;}
    
    .mrdn_regform_frame {    height: 1620px;}

    .Exe_MembCard {        padding: 0px 4px 8px 4px;       }
    .card-text {                font-size: 10pt;    }
    
 }
@media only screen and (min-width:0px) and (max-width: 360px) {
    .malayalamHeader {   padding-top: 2% !important;       font-size: 20pt;    }
    #headerLogo {        width: 80%;        min-width: 75px;    }
    .Social_Icons img {        width: 22px;    }
    .topnav a {    padding: 5px 12px 7px 12px;    font-size: 12px;}

    .headerLogoScroll {width: 75px !important;transition: 1s;}
    .mrdn_regform_frame {    height: 1620px;}
    .Social_IconsScroll {    padding: 6px 0px !important;    transition: 1s;}
}