@charset "UTF-8";
/* IE10+ VIEWPORT FIX */
@-ms-viewport {width:device-width;}
@viewport {width:device-width;}


/*============================ desktop view =================================================*/
@media only screen and (min-width: 769px) and (max-width: 1024px) {}

/*============================ small tablet view =================================================*/
@media only screen and (min-width: 641px) and (max-width: 768px) {}

/*============================ mobile wide screen view =================================================*/
@media only screen and (min-width: 569px) and (max-width: 640px) {

}

/*============================ mobile view =================================================*/
@media only screen and (min-width: 280px) and (max-width: 768px) {
	.slicknav_menu{display: block;}
	.slicknav_menu img{
        width: 14px;
        display: inline-block;
    }
    
    .menusection{display: none;}
    .slicknav_menu i{display: none;}
    .slicknav_arrow i{display: inline-block;}
    
    .topbar{text-align: center;}
    .topbar ul li{display: inherit;}
    .topright ul{
        float: none;
        margin: 0;
    }
    .topright ul:first-child {margin: 10px 0;}
    .topright .social{display: none;}
    .banner{text-align: center;}
    .logo{
        float: none;
        display: inline-block;
    }

    section{padding: 10px 0;}
    .banner img{
        width:100%;
        height: auto;
    }
    
    .title{float: none;}
    .title h1 span{display: block;}

    .slider{
        height: auto;
    }
    .slider img{
        height: auto;
        width: 100%;
    }
    .footerwidget{margin-bottom: 35px;}
    .footerwidget ul li{margin: 0;}
    .footerbottom{text-align: center;}
    .footerbottom .social{text-align: center;}
    .card{min-height: auto;}

    .page h1,
    .page h2,
    .page h3,
    .page h4,
    .page h5,
    .page h6{
        display: block;
    }
    .page iframe{height: auto;}

    .person img {
        width: 150px;
        height: auto;
        display: inline-block;
    }
    .photo img{height: auto;}

    .qbtn{
        float: left;
        margin-top: 35px;
    }
    .donation{width: 100%;}
    .access{width: 80%;}

    .page table{
        width: 80%;
        margin: 15px auto;
        overflow-x: auto;
    }


    

	/* .slicknav_menu img{
        width: 14px;
        display: inline-block;
    } */

    
    
    
    




    
}