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;
}
}