/*All Device Special Css*/


/*Bangla Font Importing*/

/* @import url('https://fonts.maateen.me/adorsho-lipi/font.css'); */

@font-face {
    font-family: 'AdorshoLipi';
    src: url('../fonts/AdorshoLipi.eot');
    src: url('../fonts/AdorshoLipi.woff') format('woff'),
         url('../fonts/AdorshoLipi.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
  }
/*Bangla Font Declaration*/

*
{
    font-family:'AdorshoLipi', Tahoma, sans-serif;
}

	
.resOne{background:#34495e;}
.resTwo{background:#3498db;}
.resThree{background:#1abc9c;}

	
.miniMenu ul#mainMenu button.btn {
    background: transparent;
    color: #fff;
}
.miniMenu ul#mainMenu button.btn:active,.miniMenu ul#mainMenu button.btn:focus,.miniMenu ul#mainMenu button.btn:visited{
    border:none;
    outline:none;
    box-shadow:none;
}



/* This CSS for Tablet */
@media only screen and (min-width: 300px) and (max-width: 479px) {
    
/*    Header Area Css*/
    .logo {
        padding: 10px 0 10px 15px;
    }
/* Mobile Menu CSS */
.logo .dropdown.yrfMobile{display:block;}
.logingOption:before {
    right: 50%;
}
.logingOption{
    width:100%;
    padding: 10px;
}
.logingOption input.form-control {
    margin-bottom: 15px;
}
a.forgetPassword {
    display: none !important;
}
    
    
/*    Menu Area Css*/
    .miniMenu > ul#mainMenu {
        display: block;
        list-style: outside none none;
        text-align:center;
        margin: 0;
        padding: 0;
    }
    .miniMenu > ul#mainMenu > li ul#miniMenu {
        display: none;
        margin: 0;
        padding: 10px 0 10px;
        list-style:none;
    }
    
    .miniMenu ul#mainMenu li a {
      margin: 0 auto;
      width: 145px;
      height: 30px;
      padding: 0;
      display: flex;
      justify-content: center;
      align-items: center;
    } 
    .miniMenu ul#mainMenu > li:hover a {
     color:#fff;
    }
    .miniMenu ul#mainMenu ul#miniMenu li:hover a, .miniMenu ul#mainMenu ul#miniMenu li.active a {
        color: #3A9;
        background: #ddd;
        border-radius: 4px;
    }
    .miniMenu ul#mainMenu li a .fa.fa-bars {
      font-size: 20px;
    }
    
    
/*    Slider Css*/
    .slider_area{
        display:none;
    }
    .responsiveSlider {
        padding-bottom: 20px;
    }
    .responsiveSlide h4.text-center {
      margin-bottom: 20px;
      margin-top: 30px;
    }
    p.resButton strong {
      display: block;
      width: 150px;
      margin: 0 auto 10px;
      border-radius: 4px;
      color: #fff;
      padding: 6px 0;
    }
    
    
    .responsiveSlide {
        margin: 0;
        padding: 0;
        display: flex;
        height: 180px;
        justify-content: center;
        align-items: center;
        background: url(../img/slider_bg4.jpg);
            background-repeat: repeat;
            background-size: auto auto;
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }
    .responsiveSlide::after {
        content: '';
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        background: #0072bc none repeat;
        opacity: .5;
        z-index: 10;
    }
    .responsiveSlide p.text-center {
        color: #fff;
        z-index: 11;
    }
    
    
    
    
/*    About Css*/

.content_section_area {
	margin: 30px 0 0px;
}
    .About_area {
        margin: 25px 0 0;
    }
    article.aboutSection {
        margin: 0 0 30px;
        padding: 0 10px 10px 10px;
        text-align: center;
    }
    article.aboutSection p {
        margin: 0 0 15px;
        text-align: justify;
        padding: 0 10px 0 0px;
    }
    a.aboutMore {
        margin: 20px auto 0;
        padding: 8px 0;
        border-radius: 4px;
        width: 150px;
        text-align: center;
    }
    .homeVideo {
        width: 100%;
        overflow: hidden;
    }
    .homeVideo img, .homeVideo video {
        width: 100%;
        height: 170px;
    }


    .single_contant span.details.helpOptions {
        margin: 0 0 5px;
        width: 99%;
    }
    .single_contant span.details.helpOptions:last-child {
        margin: 0 0 30px;
        width: 99%;
    }
    .single_contant span.details.helpOptions > p {
        width: 90% !important;
        margin: 0 auto 20px;
        height:125px !important;
    }
    .instituteDetails strong {
        font-size: 16px !important;
        width: 100%;
        line-height: 25px !important;
    }
    .instituteDetails small {
        font-size: 12px !important;
    }
    
    .instituteDetails .btn.btn-primary {
        margin-top: 4px !important;
        padding-top: 2px;
        padding-bottom: 2px;
    }
    
    
/*    Footer Option CSS*/
    nav.footerMenu ul{
        text-align:center;
    }
    .footerMenu ul li a{
        font-size:14px;
    }
    .contact ul{
        text-align:center;
    }
    .Apps ul{
        text-align:center;
        margin-top:15px;
    }
    .Apps ul li a img {
        width: 120px;
        height: 35px;
    }
    .Apps .social {
        margin-top: 24px;
        display: block;
    }
    .mainFooter small.yrfCopyrights{
        text-align:center;
        display:block;
    }
    
	
	/* Bottom Menu */
        ul#main_nav li a {
      padding: 5px 7px;
    }
    
    
/*    About Page Css*/
    .single_contant span.details > p{
        width:100%;
    }
    span.details > p {
        font-size: 14px;
    }
    
    
/*    Donate Page Css*/
    .joiningForm{
        margin-bottom:0;
    }
    .rightSiteForm {
        position: relative;
        left: 0;
        padding: 0;
        width: 100%;
    }
    .btn.joningFormConfirm {
        margin: 0 auto;
        display: block;
    }
    .contact{
        padding: 0 30px;
    }
    .contact .form-control{
        width:100%
    }
    .pageTitle h2.mobileSmall {
        font-size: 20px;
    }
    
/*    Contact Css*/
    .content_section_area .container {
        padding: 0 15px;
    }
    .ContactForm {
        margin: 0;
        padding: 0 10px;
    }
    .ContactForm form .form-control {
        margin: 0 0 30px;
        display: block;
        border-radius: 2px;
    }
    .ContactForm form .form-control#massangerName {
        width: 100%;
        float: none;
        display: block;
        margin: 0 auto 10px;
    }
    .ContactForm form .form-control#massangerNumber {
        width: 100%;
        margin-left: 0;
        padding: 0 0 0 10px;
        margin-bottom: 10px;
    }
    button.btn.btn-primary.massageSend {
        background: #2db5d2;
        border-color: #2db5d2;
        margin-top: 10px;
        margin-bottom: 15px;
        margin: 10px auto 15px;
        display: block;
    }
    
    
    
/*    Trams & Condition Page Css*/
    nav.tandc {
        width: 100%;
    }
    
    
    
    .funding_section_heading h2{
        margin-top:20px;
    }
    
    
    
    
}



/* This CSS for Tablet */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	
/*    Header Area Css*/
    .logo {
        padding: 10px 0 10px 15px;
    }
    
/* Mobile Menu CSS */
.logo .dropdown.yrfMobile{display:block;}


.logingOption:before {
    right: 50%;
}
.logingOption{
    width:100%;
    padding: 10px;
}
.logingOption input.form-control {
    margin-bottom: 15px;
}
a.forgetPassword {
    display: none !important;
}
 
.single_contant span.details.helpOptions:last-child {
    margin-bottom: 30px;
}
    
    
    
/*    Menu Area Css*/
    .miniMenu > ul#mainMenu {
        display: block;
        list-style: outside none none;
        text-align:center;
        margin: 0;
        padding: 0;
    }
    .miniMenu > ul#mainMenu > li ul#miniMenu {
        display: none;
        margin: 0;
        padding: 10px 0 10px;
        list-style:none;
    }
    
    .miniMenu ul#mainMenu li a {
      margin: 0 auto;
      width: 145px;
      height: 30px;
      padding: 0;
      display: flex;
      justify-content: center;
      align-items: center;
    } 
    .miniMenu ul#mainMenu > li:hover a {
     color:#fff;
    }
    .miniMenu ul#mainMenu ul#miniMenu li:hover a, .miniMenu ul#mainMenu ul#miniMenu li.active a {
        color: #3A9;
        background: #ddd;
        border-radius: 4px;
    }
    .miniMenu ul#mainMenu li a .fa.fa-bars {
      font-size: 20px;
    }
    
    
/*    Slider Css*/
    .slider_area{
        display:none;
    }
     .responsiveSlider {
        padding-bottom: 20px;
    }
    .responsiveSlide h4.text-center {
      margin-bottom: 20px;
      margin-top: 30px;
    }
    p.resButton strong {
      display: block;
      width: 150px;
      margin: 0 auto 10px;
      border-radius: 4px;
      color: #fff;
      padding: 6px 0;
    }
    
    
    
    .responsiveSlide {
        margin: 0;
        padding: 0;
        display: flex;
        height: 180px;
        justify-content: center;
        align-items: center;
        background: url(../img/slider_bg3.jpg);
            background-repeat: repeat;
            background-size: auto auto;
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }
    .responsiveSlide::after {
        content: '';
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        background: #0072bc none repeat;
        opacity: .5;
        z-index: 10;
    }
    .responsiveSlide p.text-center {
        color: #fff;
        z-index: 11;
    }
    
    
    
    
    
    /*    About Css*/
    .About_area {
        margin: 25px 0 0;
    }
    article.aboutSection {
        margin: 0 0 30px;
        padding: 0 10px 10px 10px;
        text-align: center;
    }
    article.aboutSection p {
        margin: 0 0 15px;
        text-align: justify;
        padding: 0 10px 0 0px;
    }
    a.aboutMore {
        margin: 20px auto 0;
        padding: 8px 0;
        border-radius: 4px;
        width: 150px;
        text-align: center;
    }
    .homeVideo {
        width: 100%;
        overflow: hidden;
    }
    .homeVideo img, .homeVideo video {
        width: 100%;
        height: 240px;
    }
    
    .single_contant span.details.helpOptions {
        margin: 0 0 25px;
        width: 99%;
    }
    .single_contant span.details.helpOptions > p {
        width: 90% !important;
        margin: 0 auto 20px;
    }
    .instituteDetails strong {
        font-size: 16px;
    }
    .instituteDetails small {
        font-size: 12px;
    }
    
    
    
    
/*    Footer Option CSS*/
    nav.footerMenu ul{
        text-align:center;
    }
    .footerMenu ul li a{
        font-size:14px;
    }
    .contact ul{
        text-align:center;
    }
    .Apps ul{
        text-align:center;
        margin-top:15px;
    }
    .Apps ul li a img {
        width: 120px;
        height: 35px;
    }
    .Apps .social {
        margin-top: 24px;
        display: block;
    }
    .mainFooter small.yrfCopyrights{
        text-align:center;
        display:block;
    }
    
     
/*    About Page Css*/
    .single_contant span.details > p{
        width:100%;
    }
    span.details > p {
        font-size: 14px;
    }
    
    
    
/*    Donate Page Css*/
    .joiningForm{
        margin-bottom:0;
    }
    .rightSiteForm {
        position: relative;
        left: 0;
        padding: 0;
        width: 100%;
    }
    .btn.joningFormConfirm {
        margin: 0 auto;
        display: block;
    }
    .contact{
        padding: 0 30px;
    }
    .contact .form-control{
        width:100%
    }
    
    
/*    Contact Css*/
    .content_section_area .container {
        padding: 0 15px;
    }
    .ContactForm {
        margin: 0;
        padding: 0 10px;
    }
    .ContactForm form .form-control {
        margin: 0 0 30px;
        display: block;
        border-radius: 2px;
    }
    .ContactForm form .form-control#massangerName {
        width: 100%;
        float: none;
        display: block;
        margin: 0 auto 10px;
    }
    .ContactForm form .form-control#massangerNumber {
        width: 100%;
        margin-left: 0;
        padding: 0 0 0 10px;
        margin-bottom: 10px;
    }
    button.btn.btn-primary.massageSend {
        background: #2db5d2;
        border-color: #2db5d2;
        margin-top: 10px;
        margin-bottom: 15px;
        margin: 10px auto 15px;
        display: block;
    }
    
    
/*    Trams & Condition Page Css*/
    nav.tandc {
        width: 100%;
    }
    
    
    
    
    
    
    
    
    
	
	
	
	

}

/* This CSS for Medium Devices */
@media only screen and (min-width: 768px) and (max-width: 991px) {

    /*    Header Area Css*/
    .logo {
        padding: 10px 0 10px 15px;
    }
    
        
    /* Mobile Menu CSS */
    .logo .dropdown.yrfMobile{display:block;}
    
    .logingOption{
        width:100%;
        padding: 10px;
    }
    .logingOption input.form-control {
        margin-bottom: 15px;
    }
    a.forgetPassword {
        display: none !important;
    }
    
    .single_contant span.details.helpOptions:last-child {
        margin-bottom:30px;
    }
    
    
/*    Menu Area Css*/
    .miniMenu > ul#mainMenu {
        display: block;
        list-style: outside none none;
        text-align:center;
        margin: 0;
        padding: 0;
    }
    .miniMenu > ul#mainMenu > li ul#miniMenu {
        display: none;
        margin: 0;
        padding: 10px 0 10px;
        list-style:none;
    }
    
    .miniMenu ul#mainMenu li a {
      margin: 0 auto;
      width: 145px;
      height: 30px;
      padding: 0;
      display: flex;
      justify-content: center;
      align-items: center;
    } 
    .miniMenu ul#mainMenu > li:hover a {
     color:#fff;
    }
    .miniMenu ul#mainMenu ul#miniMenu li:hover a, .miniMenu ul#mainMenu ul#miniMenu li.active a {
        color: #3A9;
        background: #ddd;
        border-radius: 4px;
    }
    .miniMenu ul#mainMenu li a .fa.fa-bars {
      font-size: 20px;
    }
    
/*    Slider Css*/
    .slider_area{
        display:none;
    }
    .responsiveSlider {
        padding-bottom: 20px;
    }
    .responsiveSlide h4.text-center {
        margin-bottom: 20px;
        margin-top: 30px;
        line-height: 35px;
        font-size: 26px;
    }
    p.resButton strong {
        display: inline-block;
        width: 180px;
        margin: 0 auto 10px 15px;
        border-radius: 4px;
        color: #fff;
        padding: 6px 0;
    }
    
    
    
    
    .responsiveSlide {
        margin: 0;
        padding: 0;
        display: flex;
        height: 180px;
        justify-content: center;
        align-items: center;
        background: url(../img/slider_bg3.jpg);
            background-repeat: repeat;
            background-size: auto auto;
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }
    .responsiveSlide::after {
        content: '';
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        background: #0072bc none repeat;
        opacity: .5;
        z-index: 10;
    }
    .responsiveSlide p.text-center {
        color: #fff;
        z-index: 11;
    }
    
    
    
    /*    About Css*/
    .About_area {
        margin: 25px 0 0;
    }
    article.aboutSection {
        margin: 0 0 30px;
        padding: 0 10px 10px 10px;
        text-align: center;
    }
    article.aboutSection p {
        margin: 0 0 15px;
        text-align: justify;
        padding: 0 10px 0 0px;
    }
    a.aboutMore {
        margin: 20px auto 0;
        padding: 8px 0;
        border-radius: 4px;
        width: 150px;
        text-align: center;
    }
    .homeVideo {
        width: 100%;
        overflow: hidden;
    }
    .homeVideo img, .homeVideo video {
        width: 100%;
        height: 300px;
    }

    
    .single_contant span.details.helpOptions {
        margin: 0 0 25px;
        width: 99%;
    }
    .single_contant span.details.helpOptions > p {
        width: 90% !important;
        margin: 0 auto 20px;
    }
    .instituteDetails strong {
        font-size: 16px;
    }
    .instituteDetails small {
        font-size: 12px;
    }
    
      
/*    Footer Option CSS*/
    nav.footerMenu ul{
        text-align:center;
    }
    .footerMenu ul li a{
        font-size:14px;
    }
    .contact ul{
        text-align:center;
    }
    .Apps ul{
        text-align:center;
        margin-top:15px;
    }
    .Apps ul li a img {
        width: 120px;
        height: 35px;
    }
    .Apps .social {
        margin-top: 24px;
        display: block;
    }
    .mainFooter small.yrfCopyrights{
        text-align:center;
        display:block;
    }
     
/*    About Page Css*/
    .single_contant span.details > p{
        width:100%;
    }
    span.details > p {
        font-size: 15px;
    }
    
    
/*    Donate Page Css*/
    .joiningForm{
        margin-bottom:0;
    }
    .rightSiteForm {
        position: relative;
        left: 0;
        padding: 0;
        width: 100%;
    }
    .btn.joningFormConfirm {
        margin: 0 auto;
        display: block;
    }
    .contact .form-control{
        width:80%;
        margin:0 auto;
        display:block;
    }
    
    
/*    Contact Css*/
    .content_section_area .container {
        padding: 0 15px;
    }
    .ContactForm {
        margin: 0;
        padding: 0 10px;
    }
    .ContactForm form .form-control {
        margin: 0 0 30px;
        display: block;
        border-radius: 2px;
    }
    .ContactForm form .form-control#massangerName {
        width: 100%;
        float: none;
        display: block;
        margin: 0 auto 10px;
    }
    .ContactForm form .form-control#massangerNumber {
        width: 100%;
        margin-left: 0;
        padding: 0 0 0 10px;
        margin-bottom: 10px;
    }
    button.btn.btn-primary.massageSend {
        background: #2db5d2;
        border-color: #2db5d2;
        margin-top: 10px;
        margin-bottom: 15px;
        margin: 10px auto 15px;
        display: block;
    }
    
    
/*    Trams & Condition Page Css*/
    nav.tandc {
        width: 100%;
    }
    
    
    
    
    
    
    
    
    
    
    
    

	
	

}

/* This CSS for Medium Devices */
@media only screen and (min-width: 992px) and (max-width: 1170px) {


    
/* Mobile Menu CSS */
.yrfMobile{display:none;}
    

.single_contant span.details.helpOptions:last-child {
    margin-bottom: 30px;
}
    
/*    Slider Area*/
.single_title {
    display: inline-block;
    margin: 0;
    padding: 0;
    width: 150px;
}
    .OneS, .TwoS, .threeS{
        padding:20px 10px !important
    }
    .TwoS{
        left:165px !important;
    }
    .threeS{
        left:330px !important;
    }
    .homeVideo {
        display: block;
        overflow: hidden;
    }
    .homeVideo video {
        width: 100%;
    }
    
    
    .responsiveSlide{
        display:none;
    }
    
    .single_contant span.details.helpOptions {
        margin: 0 auto 25px;
        width: 90%;
    }
    .single_contant span.details.helpOptions > p {
        width: 85% !important;
        margin: 0 auto 20px;
    }
    .instituteDetails strong {
        font-size: 16px;
    }
    .instituteDetails small {
        font-size: 12px;
    }
    
    
/*    Footer Css */
    .hidden-xs .Apps {
        display: none;
    }
}


/* This CSS for Large Devices */
@media (min-width:  1170px) {
    
    /* Mobile Menu CSS */
    .yrfMobile{display:none;}
    
.single_contant span.details.helpOptions:last-child {
    margin-bottom: 30px;
}
    
}

/* This CSS for Large Devices */
/* @media (min-width: > 1200px) {} */