/* Responsive nav font tweaks for mid-range screens */
@media screen and (max-width: 1280px) {
    ul.grt-menu > li > a { font-size: 18px; padding: 8px 10px; }
}
@media screen and (max-width: 1100px) {
    ul.grt-menu > li > a { font-size: 16px; padding: 8px 8px; letter-spacing: 0.02em; }
    .nav-icon { font-size: 14px; }
}
@media screen and (max-width: 962px) {
    ul.grt-menu > li > a { font-size: 14px; padding: 7px 7px; letter-spacing: 0; }
    .nav-icon { font-size: 13px; }
    .mega-panel { min-width: 360px; }
}

@media only screen and (max-width: 768px){
    .slider { min-height: unset !important; }
    .latest_selfie { padding: 20px 0px; }
    .latest_campaign .campaign_card { margin-bottom: 20px; }
    .mobile_app .content { padding: 15px; }
    .mobile_app .mobilebg { position: relative; }
}

@media only screen and (max-width: 885px){
.top_links .selfietext .flower img {
    display: none;
    }
.top_links .selfietext {
    padding: 10px 0px 10px 10px;
    position: relative;
    }
.top_links .selfietext strong {
    font-size: 20px;
    }
.top_links .selfietext span {
    font-style: italic;
    font-size: 11px;
    }    
}

@media screen and (min-device-width: 280px) and (max-device-width:589px) { 
   .hidethis{display: none;}
   .top_links {
     margin-top: 0px;
    }
    .top_links .col.pr15 {
    padding-right: 0px;
    }
    .upcoming_events .heading {
        display: none;
    }
    .upcoming_events .headingquotes {
        width: 100%;
        float: none;
        
    }
    .upcoming_events .headingquotes p{font-size: 12px;}
}

@media screen and (min-device-width: 280px) and (max-device-width:420px) { 
   .extra_margin {
    margin-left: 0px;
    margin-right: 0px;
    }
    .latest_selfie .selfieheading {
        padding-left: 10px;
    }
    
       
}

@media screen and (min-device-width: 280px) and (max-device-width:560px) { 
   .popular_faces .faces .item a .pf_details .img {
        max-height: 192px;
        overflow-y: hidden;
    }
    .aboutus {
        padding-top: 50px;
        padding-bottom: 50px;
    }   
    footer .location {
        text-align: center;
        margin-top: 30px;
    }
    .latest_selfie .selfies_anc a {
    padding: 10px 16px;
    font-size: 14px;
    }
}


@media screen and (min-device-width: 280px) and (max-device-width:480px) { 
   footer address a {
    font-size: 11px;
    text-decoration: none;
    color: #fff;
    display: block;
    }
    footer .font24 {
    font-size: 18px;
    font-weight: bold;
    }

    footer .button_link ul li {
    padding: 0px 0 6px;
    border: 1px solid #fff;
    width: 25px;
    height: 25px;
    text-align: center;
    display: inline-block;
    }
    footer .footerimg img {
        max-width: 100px;
    }
    .selfiesgirls {
       display: none;
    }
    footer .bottomlink ul li a {
    color: #fff;
    background: #2d2d2d;
    padding: 5px;
    font-size: 12px;
    text-decoration: none;
    display: inline-block;
    margin: 4px;
    }
    .copyright p {
    font-size: 11px;
    text-align: center;
    }
    .copyright .folink ul {
     margin: 0;
     text-align: center;
    }
}

@media screen and (min-device-width: 280px) and (max-device-width:680px) { 
   .latest_campaign .campaign_card a p {
        padding:8px 5px;
        font-size: 12px;
    }
}

@media screen and (min-device-width: 280px) and (max-device-width:450px) { 
   .copyright .folink ul li:last-child {
    padding: 0px 0px 0px 0px;
    }
    .copyright .folink ul li {
    display: inline;
    padding: 0px 4px;
    }
    .tbl table td.w40 {
        width: 100%;
    }
    .tbl table td.w20 {
    width: 100%;
    }
    .mobile_app .content .float-left img {
    border: 1px solid #3671a7;
    padding: 1px;
    background: #fff;
    max-width: 95px;
    width: 100%;
}
}