/* -----------------------------------------------------------------------------

    RESPONSIVE DEFINITIONS

----------------------------------------------------------------------------- */

/* -------------------------------------------------------------------------
        LARGE DEVICES
		devices with width between 992px and 1199px
    ------------------------------------------------------------------------- */

@media ( max-width: 1199px) {
   
    .header-toggle-holder{
        border: 2px solid #5656564a;
    }
    .feature-1{
        /* padding: 5px; */
    }
    .feature-2{
        /* padding: 5px; */
    }
    .c-feature .feature-content > *:first-child{
        font-size: 12px;
    }
    .feature-title > a{
        font-size: 15px;
    }
    .feature-title > a:hover{
     color: royalblue;
    }
    .pl_0 {
        padding-left: 0px;
    }

    .pr_0 {
        padding-right: 0px;
    }


    #bottom-panel{
        padding: 20px 15px;
    }
}

/* -------------------------------------------------------------------------
        MEDIUM DEVICES
		devices with width between 768px and 991px
    ------------------------------------------------------------------------- */

@media ( max-width: 991px) {
        
    .middle-column{
        margin-top: 60px;
    }
        
    .header-toggle-holder{
        border: 2px solid #5656564a;
    }
    .header-toggle-holder .header-donate {
        position: relative;
        display: none !important;
    }
    .header-toggle-holder .header-reg {
        position: relative;
        display: none !important;
    }
    .header-reg .header-donate {
        /* display: none !important; */
        display: inline-grid;
        margin-right: 25px;
    }
    .header-content {
        padding-bottom: 0px;
    }
    #page-header{
        margin-top: 55px !important;
    }
    .page-title h1{
        font-size: 30px !important;
    }
    .page-title p{
        font-size: 13px !important;
    }
    .feature-1{
        padding: 0px;
    }
    .feature-2{
        /* padding: 0px; */
    }

    .pl_0 {
        padding-right: 0px;
    }

    .pr_0 {
        padding-left: 0px;
    }
    #bottom-panel {
        padding: 20px 15px;
    }
}

/* -------------------------------------------------------------------------
        SMALL DEVICES
		devices with width between 481px and 767px
    ------------------------------------------------------------------------- */

@media ( max-width: 767px) {
    .c-content-box.h_175{
        height: auto;
    }

    .middle-column{
        margin-top: 60px;
    }
    .header-content {
        padding-bottom: 0px;
    }
    .header-toggle-holder{
        border: 2px solid #5656564a;
    }
    .header-toggle-holder .header-donate {
        position: absolute;
        display: none !important;
    }
    .header-toggle-holder .header-reg {
        position: absolute;
        /* right: 0; */
        margin-left: 70px;
        display: none !important;
    }
    .header-reg,
    .header-donate {
        /* display: none !important; */
    }
    .footer-menu ul {
        margin-top: 8px !important;
    }
    .feature-1{
        padding: 0px;
    }
    .feature-2{
        padding: 0px;
    }
    .c-feature .feature-content > *:first-child{
        font-size: 13px;
    }
    .pl_0 {
        padding-right: 0px;
    }

    .pr_0 {
        padding-left: 0px;
    }
    #bottom-panel {
        padding: 20px 15px;
    }
    .p_0_75 {
        padding: 0px;
    }
    div#f-about {
        margin-top: 48px;
    }
}

/* -------------------------------------------------------------------------
        EXTRA SMALL DEVICES
		devices with width up to 480px
    ------------------------------------------------------------------------- */

@media ( max-width: 480px) {
    
    .middle-column{
        margin-top: 60px;
        padding: 0px;
    }

    .header-content {
        padding-bottom: 0px;
    }
    .header-toggle-holder{
        border: 2px solid #5656564a;
    }
    
    .header-toggle-holder .header-donate {
        position: absolute;
    }
    .header-toggle-holder .header-reg {
        position: absolute;
    }
    .header-reg {
        display: inline-block !important;
        margin-left: 0px;
    }
    .page-content-inner {
        padding: 02px !important;
    }
    .footer-menu ul {
        margin-top: 8px !important;
    }
    .feature-1{
        padding: 0px;
    }
    .feature-2{
        padding: 0px;
    }

    .pl_0 {
        padding-right: 0px;
    }

    .pr_0 {
        padding-left: 0px;
    }

    .c-feature .feature-content > *:first-child{
        font-size: 13px;
    }
    .coc-title h1{
        font-size: 15px;
    }
    .coc-title p{
        font-size: 12px;
    }
    #bottom-panel {
        padding: 20px 15px;
    }
    .p_0_75{
        padding:0px;
    }
    #f-about {
        margin-top: 47px;
    }
}