HEX
Server: Apache/2.4.58 (Ubuntu)
System: Linux ip-172-31-18-78 6.17.0-1017-aws #17~24.04.1-Ubuntu SMP Tue May 26 21:09:53 UTC 2026 aarch64
User: ubuntu (1000)
PHP: 8.2.31
Disabled: NONE
Upload Files
File: /var/www/grapossconnect/css/responsive.css
@media only screen and (max-width: 600px) {
    /* ********************************************* HEADER SECTION CSS */
    #header{
        height: auto;
        padding: 10px 0;
    }
    .logo-img{
        width: 70%;
        top: 0;
    }
    .all-heads {
        font-size: 22px;
    }
    .image-bottom{
        margin: 0;
    }
    /* ***************************************** BANNER SECTION CSS */
    .banner-section{
        padding: 30px 0;
        margin-top: 64px;
    }
    .banner-texts h1{
        letter-spacing: 2px;
        font-size: 32px;
    }
    /* **************************************** ABOUT US SECTION CSS */
    .aboutus-section .aboutus-details ul li{
        width: 100%;
    }
    .aboutus-section img{
        width: 100%;
    }
    /* **************************************** COUNTER SECTION CSS */
    .counter-bg-padding{
        padding-bottom: 10px;
        padding-top: 3em;
    }
    .counter-bgimage h4{
        margin-bottom: 2em;
    }
    .image-bottom{
        margin: 0;
    }
    .counter-value{
        font-size: 30px;
    }
    /* **************************************** TEAM SECTION CSS */
    .teams-section{
        padding: 3em 0 0;
    }
    #customers-teams .item{
        height: auto !important;
    }
    #customers-teams.owl-carousel .owl-dots{
        display: none;
    }
    .organization-section .side-img{
        margin-bottom: 2em;
    }
    /* ********************************************* ADVISORS SECTION CSS */
    .our-advisors-section ul{
        transform: translateX(0);
    }
    .our-advisors-section li{
        width: 100%;
    }
    /* ****************************************** PARTNERS SECTION CSS */
    .partners-section{
        padding: 1em 0px 3em;
    }
    .partners-box{
        text-align: center !important;
        margin-top: 30px;
    }
    .center-img .graposs-logo{
        margin-top: 0;
        background: transparent;
        padding: 0;
    }
    /* ********************************************** FOOTER SECTION CSS */
    footer .footer-header{
        margin-top: 1em;
    }
    .bottom-footer p{
        text-align: center;
    }
    .bottom-footer ul li{
        float: none;
        width: 100%;
        text-align: center;
        border-right: none;
        padding-right: 0;
        padding-top: 10px;
    }
    /* ********************************************** ALL INNER PAGES HEADER CSS  */
    .aboutus-page{
        margin-top: 64px;
    }
    /* **************************************** ABOUT US PAGE CSS */
    .aboutus-page-section .aboutus-details ul li{
        width: 100%;
    }
    .aboutus-page-section img{
        margin-bottom: 20px;
    }
    /* ************************************************ OUR PRODUCTS CSS */
    .sarkari-section img, .shine-section img, .self-section img, .easy-section img, .naukri-section img, .college-section img{
        width: 40%;
    }
    .sarkari-head, .shine-head, .self-head, .easy-head, .naukri-head, .college-head{
        font-size: 28px;
        padding: 10px 0;
        text-align: center;
    }
    .sarkari-section, .shine-section, .self-section, .easy-section, .naukri-section, .college-section{
        padding: 1em 0;
        text-align: center;
    }
    .sarkari-section button, .shine-section button, .self-section button, .easy-section button, .naukri-section button, .college-section button{
        margin-right: 0;
        margin-left: 0;
        float: none;
    }
    .page-header h4{
        font-size: 26px;
    }
    .product-service-page .product-service-box{
        padding: 0;
    }
    /* ********************************************** CONTACT US PAGE CSS */
    .contactus-page-section .contactus-details ul li .icon-ul{
        width: 20%;
    }
    .contactus-page-section .contactus-details ul li .ul-details{
        width: 80%;
        padding-left: 10px;
        margin-left: 0;
    }
    .contactus-page-section .contactus-details p{
        font-size: 14px;
    }
    .contactus-page-section .contactus-details ul li{
        margin-top: 0;
        margin-bottom: 20px;
    }
    .contactus-page-form{
        padding: 20px;
        margin-left: 0;
    }
    .contactus-page-form h3{
        font-size: 24px;
    }
    /* ****************************************** PARTNERS WITH US PAGE CSS */
    .partner-page{
        margin-top: 66px;
    }
    .partner-withus-banner .partner-banner-details{
        padding-top: 0;
    }
    .partner-withus-banner .partner-banner-img{
        width: 100%;
    }
    .partner-withus-whychoose .partner-whychoose-box{
        margin-bottom: 1em;
    }
    .partner-withus-support .partner-support-box .partner-support-details{
        width: 100%;
        padding: 10px 0 0 0;
    }
    .partner-withus-support .partner-support-box{
        border-bottom: 1px solid #c5c5c5;
    }
    .partner-withus-partner .partner-partner-box{
        margin-bottom: 1em;
    }
    .partner-withus-connect .partner-connect-box{
        padding: 20px 0;
    }
    .partner-withus-connect .partner-connect-box form{
        width: 100%;
    }
    /* *************************************** CAREER PAGE SECTION CSS */
    .graposs-career-details .career-details-ul li img{
        float: none;
        width: 50%;
        margin: 0 auto;
        display: block;
    }
    .graposs-career-details .career-details-ul li .career-details-box{
        padding: 20px 0 0 !important;
    }
    .graposs-career-details .career-details-ul li .career-details-box span{
        width: 100%;
        display: block;
        padding: 4px 0;
    }
    .graposs-career-details .career-details-ul{
        padding-bottom: 0px;
    }
}