Ultra File Manager

Edit: /home/u523034047/domains/shivshaktidairy.com/public_html/rips/assets/css/responsive.css

@media only screen and (max-width:7000px) {
	.page-wrapper {
		overflow: hidden
	}
}

@media only screen and (min-width:1400px) {
	.left-column .right-img-content h6 {
		font-size: 20px
	}

.left-column .right-img-content h1 {
		font-size: 46px
	}

.rs-toolbar {
		background-position: top 0 left 0
	}

.slider-overlay {
		left: 50%;
		transform: translateX(-50%)
	}
}

@media only screen and (max-width:1399px) {

.driving-info-section .traffic-cone,
	.info-form-section .signal-image-one,
	.info-form-section .signal-image-two {
		display: none
	}

.driving-info-section .image-block {
		margin-left: -50px;
		margin-right: 50px
	}

.cta-section-two .image {
		margin: 0 50px 0 0
	}

f.left-column .left-img-column .left-column .right-img-content h1 {
		font-size: 36px
	}

.header-top .social-icon li a.erp-login,
	ul.btns-link li a {
		font-size: 14px;
		line-height: 22px
	}

ul.btns-link li a img {
		max-width: 20px;
		transform: translateY(-2px);
		margin-right: 2px
	}

.main-menu .navigation {
		margin: 0
	}

.rs-toolbar:after {
		width: 65%
	}
}

@media only screen and (max-width:1299px) {
	.main-header .header-upper .navbar-right {
		display: none
	}

.consult-form {
		right: 0
	}
}

@media only screen and (max-width:1199px) {

.banner-section .banner-slider-nav,
	.header-top .btns-link,
	.header-top .right-column.pt-2,
	.header-top .social-icon {
		display: none
	}

.nav-outer .mobile-nav-toggler {
		margin: 2px 0
	}

.header-top .left-column {
		flex-wrap: nowrap;
		justify-content: center
	}

.banner-section .content-box h1 {
		font-size: 60px;
		line-height: 70px
	}

.two-column-section .video-column .image {
		display: block
	}

.two-column-section .video-column .video-box {
		position: relative;
		background: 0 0 !important
	}

.two-column-section .video-column .image img {
		width: 100%
	}

.left-column .right-img-content h6 {
		font-size: 14px
	}

.left-column .right-img-content h1 {
		font-size: 32px
	}

.header-upper {
		display: flex;
		background: #2b50a5;
		width: 100%;
		height: 50px
	}
}

@media only screen and (max-width:1139px) {

.main-header .nav-outer .main-menu,
	.sticky-header {
		display: none !important
	}

.nav-outer .mobile-nav-toggler {
		display: block
	}

.main-header.header-style-two .header-upper .inner-container:before {
		display: none
	}

.main-header.header-style-two .header-upper .inner-container {
		padding: 0
	}
}

@media only screen and (min-width:1200px) {
	div.container {
		max-width: 1280px
	}

section .owl-carousel .owl-nav button.owl-next {
		right: -55px
	}

section .owl-carousel .owl-nav button.owl-prev {
		left: -55px
	}

.row-7 .col-lg-2 {
		-ms-flex: 0 0 13.666667%;
		flex: 0 0 13.666667%;
		max-width: 13.666667%
	}
    .educational-exellence .col-lg-2{
        -ms-flex: 0 0 19.666667%;
    flex: 0 0 19.666667%;
    max-width: 19.666667%;
    }
}

@media only screen and (min-width:992px) {
	.course-details .text-block-two .right-column {
		margin-left: -40px
	}

.course-details .text-block-two .left-column {
		padding-right: 55px
	}

.dps-courses-section.courses-dark .course-block,
	.left-column .right-img-content {
		text-align: center
	}

.dps-courses-section.courses-dark .course-block .inner-box {
		max-width: 220px
	}

.slider-overlay {
		left: 50%;
		transform: translateX(-50%)
	}
}

@media only screen and (max-width:1200px) {
	.rs-toolbar {
		background: #2b50a5 !important
	}

.header-top .left-column .left-img-column {
		transform: none
	}
}

@media only screen and (max-width:991px) {

.banner-section .content-box h1,
	.banner-section.style-two .content-box h1 {
		font-size: 50px;
		line-height: 60px
	}

.about-section .image-two {
		left: 0
	}

.funfacts-section .inner .icon-outer:before,
	.slider-overlay,
	.working-process-section .wrapper-box:before {
		display: none
	}

.about-section-two .consult-form-wrapper,
	.process-block:nth-child(2) {
		margin-top: 0
	}

.funfacts-section .inner {
		justify-content: flex-start;
		margin-bottom: 30px
	}

.contact-section .top-content .text {
		margin-bottom: 50px
	}

.pricing-section .tab-area {
		padding-right: 0
	}

.mission-section .content {
		text-align: center;
		justify-content: center
	}

.mission-section .image {
		margin-top: 30px
	}

.facility-sec .nav {
		flex-wrap: nowrap
	}

.facility-sec .nav-pills .nav-link {
		padding: 6px 5px;
		min-width: 160px
	}

.rs-toolbar:after {
		width: 76%;
		max-width: 733px
	}

.about-scetion:after {
		width: 173px
	}

.about-scetion:before {
		width: 100px
	}
}

@media only screen and (min-width:768px) {

.main-menu .navigation>li>ul,
	.main-menu .navigation>li>ul>li>ul {
		display: block !important;
		visibility: hidden;
		opacity: 0
	}
}

@media only screen and (max-width:767px) {

.banner-section.style-two .content-box .text:before,
	.border-title1:before,
	.header-style-one .header-top ul.contact-info li:last-child,
	.header-top ul.contact-info li:before,
	.left-column .right-img-content h6,
	br {
		display: none
	}

.content .land-box {
		box-shadow: none;
		border: none;
		border-radius: 0;
		background: 0 0;
		padding: 0 !important
	}

.img-left,
	.img-left.pull-left {
		width: 100%;
		padding-right: 0;
		margin-bottom: 20px
	}

.content .about-details {
		padding: 0
	}

.left-column .right-img-content h1 {
		font-size: 18px
	}

.left-column .right-img-content h6 {
		font-size: 10px
	}

.notice-wrp .notice-title {
		padding-right: 4px;
		margin-right: 8px
	}

.banner-wrp .content-box {
		padding: 20px 0;
		min-height: auto
	}

.banner-wrp .content-box h1 {
		font-size: 28px
	}

.notice-content li {
		font-size: 14px
	}

.notice-content li .notice-date {
		font-size: 13px;
		width: 31px;
		height: 31px
	}

.header-top ul.contact-info {
		justify-content: center;
		text-align: center
	}

.header-top {
		padding: 5px 0
	}

.header-top ul.contact-info li {
		width: 100%;
		padding: 0;
		margin: 0
	}

.header-top .social-icon {
		justify-content: start;
		text-align: left
	}

.owl-theme .owl-nav {
		display: none !important
	}

.driving-courses-section .project-tab .project-tab-btns .p-tab-btn {
		margin-right: 0;
		padding-right: 0;
		border: 0
	}

.driving-courses-section .project-tab .project-tab-btns {
		margin-top: 30px
	}

.footer-bottom .wrapper-box {
		justify-content: center
	}

.footer-bottom .copyright {
		width: 100%;
		text-align: center
	}

.process-block .inner-box br {
		display: block
	}

.blog-section .top-content .text {
		margin-bottom: 30px
	}

.banner-section.style-two .content-box .text {
		padding-left: 0
	}

.mission-section .nav-tabs {
		padding: 0;
		margin-bottom: 40px
	}

.mission-section .content .left-content {
		width: 100%
	}

.mission-section .tab-area {
		padding-bottom: 80px
	}

.mission-section .icon-box {
		max-width: 400px;
		margin: 0 auto 30px;
		text-align: center
	}

.mission-section .icon-box .icon {
		margin-right: 0;
		margin-bottom: 30px
	}

.news-block.blog-quote .lower-content {
		padding: 65px 25px 40px 50px
	}

.news-block.blog-quote .quote {
		position: relative;
		left: 0;
		top: 0;
		margin-bottom: 20px
	}

.support1 {
		right: 2px;
		top: 40px;
		width: 115px
	}

.inspiration-sec:before {
		height: 485px;
		width: 485px
	}

.inspiration-sec:after {
		height: 485px;
		width: 50px;
		z-index: -1
	}

.sidebar-contact {
		right: -300px;
		width: 300px !important;
		top: 67%
	}

.slider-overlay {
		left: 18%
	}

.about-img .ab-para {
		right: 0;
		max-width: 50%
	}

.guiding-img {
		padding: 20px;
		height: 225px !important
	}

.guiding-img img {
		box-sizing: border-box;
		object-fit: inherit;
		border-radius: 10px
	}

.rs-toolbar {
		background: #4060a9 !important
	}

.center-disc-box {
		width: 300px;
		height: 400px;
		margin: 40px auto;
		transform: translateX(-55px)
	}

.dis-box a {
		font-size: 10px;
		color: #4060a9;
		line-height: 12px
	}

.depart-img:before {
		left: 20%
	}

.social-widget {
		height: 100% !important
	}

.main-footer:after {
		top: unset;
		right: 0;
		bottom: 0;
		width: 100%;
		height: 43%
	}
	.house-card{
    background: #fff;
    padding: 20px 15px;
}
.house-wrap {
    background: none !important;
}
}

@media only screen and (max-width:575px) {
	.social-widget iframe {
		width: 100% !important
	}

.cta-section h2,
	.feature-banner-section h2,
	.page-title h1,
	.sec-title h2 {
		font-size: 22px;
		line-height: 28px
	}

.about-details h2,
	.sec-title .stitle {
		font-size: 28px
	}

.donation-card h4,
	.main-title {
		font-size: 22px
	}

.donation-card h4 img,
	.main-title img {
		width: 60px
	}

.course-block .course-info .instructor,
	.course-block .course-info .price,
	.funfacts-section .content,
	.rs-toolbar:after,
	.testimonial-block .content {
		width: 100%
	}

.lifeskill-wrp .activities-img h6 {
		font-size: 13px;
		font-weight: 600
	}

.lifeskill-wrp .activities-img p {
		font-size: 13px;
		line-height: 1.3;
		height: 72px;
		overflow: hidden
	}

.nav.nav-tabs {
		white-space: normal;
		vertical-align: middle;
		overflow: auto;
		display: flex;
		flex-wrap: nowrap;
		justify-content: start !important;
		-ms-overflow-style: none;
		overflow: -moz-scrollbars-none
	}

.activities .nav-tabs .nav-link {
		padding: 0 5px
	}

.about-section,
	.dps-courses-section,
	.dps-courses-section.style-two,
	.page-title,
	.services-section {
		padding: 30px 0
	}

.rs-about-2 .about-img {
		padding-bottom: 0;
		margin-bottom: 20px
	}

.activities .nav-tabs .nav-link p {
		font-size: 14px;
		margin-bottom: 0;
		line-height: 1
	}

.sec-title.mb-5 {
		margin-bottom: 30px !important
	}

.banner-section .content-box .inner,
	.dps-courses-section.gallery-wrp .course-block {
		padding: 0
	}

.banner-section .content-box {
		min-height: 25vh
	}

section.info-form-section {
		background: #1a2d4d !important
	}

.notice-wrp-bottom .notice-title .notice-title-view img {
		width: 132px
	}

.about-scetion:after,
	.about-scetion:before,
	.bubble-img,
	.centric-circle-bottom,
	.centric-circle-top,
	.footer-bottom .text span.text-warning,
	.gallery-bottom-img,
	.gallery-top-img,
	.history-section .nav-tabs.tab-btn-style-one li.nav-item a.active:after,
	.history-section .nav-tabs.tab-btn-style-one li.nav-item a:before,
	.history-section .nav-tabs.tab-btn-style-one:before {
		display: none
	}

.history-section .nav-tabs.tab-btn-style-one {
		margin-top: 30px;
		padding: 0
	}

.history-section .nav-tabs.tab-btn-style-one li.nav-item {
		width: 33.33%;
		margin-bottom: 25px;
		text-align: left
	}

.news-block .post-meta-info .category {
		display: block;
		width: 100%;
		text-align: center;
		margin-bottom: 25px
	}

.comments-area .comment {
		padding-left: 0
	}

.comments-area .comment-box .author-thumb {
		position: relative;
		margin-bottom: 30px
	}

.course-block .course-info .instructor {
		margin-bottom: 30px
	}

.feature-banner-section .outer-box {
		padding-left: 15px;
		padding-right: 15px
	}

.funfacts-section .icon-outer {
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 40px
	}

.about-section-two .consult-form .text,
	.footer-bottom .footer-menu,
	.funfacts-section .inner {
		text-align: center
	}

.banner-section .content-box h1,
	.banner-section.style-two .content-box h1 {
		font-size: 40px;
		line-height: 50px
	}

.course-block-two .lower-content {
		padding-left: 30px;
		padding-right: 30px
	}

.project-block .content {
		left: 30px;
		bottom: 30px
	}

.about-section-two .consult-form .text a {
		margin-left: 0;
		width: 100%
	}

.project-block h3 {
		font-size: 24px
	}

.project-block .overlay {
		padding-left: 20px
	}

.two-column-section .content-block {
		padding-left: 20px;
		padding-right: 20px
	}

.course-package-block .content {
		position: relative;
		max-width: 100%
	}

.course-package-block .inner-box {
		padding-right: 0
	}

.two-column-section .video-column h3 {
		position: relative;
		display: none
	}

.pricing-section .tab-area .tab-btn-style-one li {
		width: 100%;
		text-align: center;
		padding: 0;
		margin: 0
	}

.pricing-section .tab-area .tab-btn-style-one li a {
		padding-right: 0;
		margin: 4px 0;
		border: 0
	}

.pricing-section .tab-area .tab-btn-style-one {
		padding: 15px 0;
		width: 100%
	}

.course-block h4,
	.footer-bottom .footer-menu li a {
		font-size: 14px
	}

.about-widget p,
	.footer-bottom .text {
		font-size: 14px;
		line-height: 26px
	}

.contact-widget .contact-info li {
		margin-bottom: 2px
	}

.left-column .right-img-content h1,
	.widget .widget-title {
		font-size: 15px
	}

.widget iframe {
		height: 250px
	}

.consult-form .form-group input,
	.consult-form .form-group textarea {
		height: 44px;
		font-size: 12px
	}

.consult-form .form-group textarea {
		height: 80px
	}

.btn-style-one.style-three {
		padding: 4px 20px
	}

.left-column .left-img-column:after {
		width: 1px
	}

.calendar-widget iframe {
		height: 370px !important
	}

.main-footer .newsletter-widget:after,
	.main-footer .newsletter-widget:before {
		display: none !important
	}

.g-card img {
		height: 100%
	}

.slider-overlay {
		max-width: 306px;
		min-height: 100px;
		padding: 20px 57px 0 70px;
		left: 12%
	}

.slider-overlay .main-head-text {
		font-size: 12px !important
	}

.slider-overlay p {
		font-size: 10px !important;
		line-height: 13px !important
	}

.slider-logo-img img {
		max-width: 35px
	}

.notice-title-content {
		width: 120px
	}

.inspiration-sec:before {
		height: 493px;
		width: 245px
	}

.inspiration-sec:after {
		height: 493px;
		width: 50px;
		z-index: -1
	}

.facility-sec:after,
	.facility-sec:before,
	.gallery-wrp:after,
	.gallery-wrp:before {
		width: 135px;
		height: 135px
	}

.facility-sec .nav {
		flex-wrap: nowrap
	}

.facility-sec .nav-pills .nav-link {
		padding: 6px 5px;
		min-width: 160px
	}

.birth-day:after,
	.birth-day:before {
		width: 123px;
		height: 100px
	}

.main-footer .widgets-section {
		position: relative;
		padding-top: 35px
	}

.brochure-img img {
		max-width: 110px
	}

.brochure-img {
		bottom: -21px;
		left: 12px
	}

.guiding-img {
		padding: 20px 20px 0
	}

.guiding-img img {
		border-radius: 10px !important;
		min-height: unset
	}

.owl-dots {
		left: 45% !important
	}

.about-img .ab-para {
		position: relative !important;
		right: unset;
		max-width: 100%;
		margin-top: 15px
	}

.about-zif img {
		top: -99px;
		left: 115px
	}

.about-zif {
		margin-bottom: 45px
	}

.depart-img:before {
		top: -13px;
		left: 13%
	}

.glance-card,
	.glance-profile {
		height: auto !important
	}

.main-footer:after {
		top: unset;
		right: 0;
		bottom: 0;
		width: 100%;
		height: 40%
	}

.center-disc-box {
		width: 280px;
		height: 315px;
		transform: translateX(0)
	}

.notice-title .notice-title-content h5 {
		width: 92px;
		font-size: 10px;
		line-height: 15px
	}

.notice-title .notice-title-content h5 small {
		font-size: 10px
	}

.rs-toolbar {
		background: #4060a9 !important
	}

.header-top .left-column .left-img-column {
		max-width: 300px
	}

.header-upper {
		height: 35px !important
	}

.slider-overlay1 {
		padding: 4px 10px;
		max-width: 394px
	}

.slider-overlay1 h4 {
		color: #fff;
		font-size: 14px
	}
	.inner-page-card{
		padding: 0;
	}
	.topper-img {
    max-width: 100%;
}
.topper-img img {
    width: 100%;
    height: 100%;
}
.topper-head {
    font-size: 18px;
}
}

@media only screen and (max-width:480px) {
	.left-column .left-img-column img {
		width: 100%
	}

.left-img-column img {
		max-width: 100%
	}

.left-column .right-img-content .affilataion {
		display: none
	}

.notice-wrp-bottom .notice-title .notice-title-view img {
		width: 220px
	}

.left-column .right-img-content h1 {
		font-size: 13px
	}

.header-top .social-icon li {
		margin-left: 0;
		margin-right: 2px
	}

.left-column .left-img-column {
		padding-right: 15px;
		margin-right: 15px
	}

.header-top .social-icon.xs-btns-link li a {
		font-size: 11px !important;
		padding: 0 1px;
		line-height: 3
	}

.inspiration-sec:after,
	.inspiration-sec:before {
		height: 418px
	}
		.button-rainbow {
			position: absolute;
			top: 0;
		}
		.button-rainbow a {
			padding: 3px 10px;
			font-size: 12px;
		}
}

@media only screen and (max-width:375px) {
	.slider-overlay {
		left: 9%
	}

.header-top .left-column .left-img-column {
		max-width: 285px
	}
}

@media only screen and (max-width:350px) {

.inspiration-sec:after,
	.inspiration-sec:before {
		height: 310px
	}

.process-block .content {
		min-height: auto;
		border-radius: 0
	}

.process-block .content:before {
		border-radius: 0
	}

.banner-section .content-box h1,
	.banner-section.style-two .content-box h1 {
		font-size: 30px;
		line-height: 38px
	}

.course-block-two .lower-content {
		padding-left: 20px;
		padding-right: 20px
	}

.about-section-two .consult-form {
		padding-left: 30px;
		padding-right: 30px
	}

.slider-overlay {
		left: 6% !important
	}
}

@media only screen and (max-width:300px) {
	.header-top .left-column .left-img-column {
		max-width: 220px
	}

.slider-overlay {
		left: 4% !important
	}
}

.colo-gold {
	color: #ffc107 !important
}

Ukuran: 16.7 KB