/*---------------------------------
Mixins & Animation CSS
-----------------------------------*/
@media only screen and (max-width: 575px) {
.xs-center {
text-align: center;
}
.xs-none {
display: none;
}
.smt-15 {
margin-top: 15px !important;
}
.content-wrapper {
margin-top: 0;
}
.breadcrumb-wrap {
padding: 120px 0 60px;
}
.breadcrumb-wrap .breadcrumb-title .breadcrumb-menu li {
font-size: 14px;
}
.breadcrumb-wrap .breadcrumb-title .breadcrumb-menu li a {
font-size: 14px;
}
.breadcrumb-wrap .breadcrumb-img img {
display: none;
}
.page-navigation {
margin: 15px 0 0;
}
.page-navigation .page-nav li a {
width: 36px;
height: 36px;
font-size: 16px;
line-height: 40px;
}
.page-navigation .page-nav li a i {
font-size: 13px;
line-height: 42px;
top: 1px;
}
.hero-wrap.style1 .hero-img-wrap .hero-shape-two {
top: 130px;
left: 32%;
}
.why-choose-wrap.style1 .wh-content .feature-item-wrap .feature-item {
width: 100%;
margin-bottom: 15px;
}
.why-choose-wrap.style3 .wh-content .feature-item-wrap {
margin-bottom: 5px;
}
.why-choose-wrap.style3 .wh-content .feature-item-wrap .feature-item {
width: 100%;
margin-bottom: 20px;
}
.counter-card {
text-align: center;
}
.counter-card .counter-icon {
width: 100%;
}
.counter-card .counter-icon i {
font-size: 35px;
margin: 0 auto;
}
.counter-card .counter-text {
width: 100%;
margin-left: 0;
margin-top: 10px;
}
.counter-card .counter-text .counter-num {
font-size: 26px;
}
.counter-card .counter-text .counter-num .target {
font-size: 28px;
}
.cta-wrap.style2 .content-title {
padding: 20px 10px 28px;
}
.style1 .cta-text {
padding: 20px 18px;
}
.cta-wrap.style2 .content-title p {
max-width: 100%;
}
.course-details-wrap .course-desc .course-metainfo-wrap .course-metainfo {
text-align: left;
margin-top: 15px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.container-fluid {
max-width: 540px;
padding: 0 15px;
}
.content-wrapper {
margin-top: 31px;
}
.breadcrumb-wrap {
padding: 110px 0 70px;
}
.hero-wrap.style1 .hero-img-wrap .hero-promo-text {
top: -20px;
padding: 35px 40px;
}
.hero-wrap.style1 .hero-img-wrap .hero-promo-text i {
font-size: 25px;
top: 4px;
}
.hero-wrap.style1 .hero-img-wrap .hero-promo-text h4 {
font-size: 25px;
width: calc(100% - 40px);
margin-left: 15px;
}
.hero-wrap.style1 .hero-img-wrap .hero-promo-text h4 span {
display: block;
font-size: 16px;
font-weight: 400;
}
.hero-wrap.style1 .hero-img-wrap .hero-shape-two {
top: 150px;
left: 35%;
}
}
@media only screen and (max-width: 767px) {
p, input, textarea {
font-size: 14px;
}
.btn {
font-size: 14px;
}
.sm-none {
display: none !important;
}
.sm-center {
text-align: center !important;
}
.mb-50 {
margin-bottom: 30px !important;
}
.pt-100 {
padding-top: 50px;
}
.pb-50 {
padding-bottom: 0px;
}
.pb-60 {
padding-bottom: 15px;
}
.pb-100 {
padding-bottom: 50px;
}
.mt-100 {
margin-top: 50px !important;
}
.mb-100 {
margin-bottom: 50px !important;
}
.mtb-100 {
margin-top: 50px !important;
margin-bottom: 50px !important;
}
.ptb-100 {
padding-top: 50px;
padding-bottom: 50px;
}
.pt-70 {
padding-top: 20px;
}
.pb-70 {
padding-bottom: 20px;
}
.pb-75 {
padding-bottom: 25px;
}
.pb-50 {
padding-bottom: 0px;
}
.pt-75 {
padding-top: 25px;
}
.mb-40 {
margin-bottom: 25px !important;
}
.section-title.mb-50,
.content-title.mb-50 {
margin-bottom: 30px !important;
}
.section-title.mb-40 {
margin-bottom: 25px !important;
}
.link, .btn {
font-size: 14px;
}
.btn {
padding: 14px 25px 10px;
}
.back-to-top {
font-size: 20px;
width: 35px;
height: 35px;
line-height: 32px;
right: 10px;
}
.back-to-top i {
font-size: 18px;
}
.section-title.style2 span, .section-title.style3 span,
.content-title.style2 span,
.content-title.style3 span {
font-size: 12px;
}
.section-title.style1 span,
.content-title.style1 span {
font-size: 14px;
}
.section-title h2,
.content-title h2 {
font-size: 26px;
line-height: 1.3;
}
.content-feature-list {
margin: 0 0 28px 0;
}
.content-feature-list li {
position: relative;
padding-left: 25px;
margin: 0 0 18px;
}
.content-feature-list li:last-child {
margin-bottom: 0;
}
.content-feature-list li i {
position: absolute;
top: 6px;
left: 0;
color: #3D72FC;
font-size: 13px;
line-height: 0.8;
}
.content-feature-list.style2 li {
padding-left: 15px;
margin-bottom: 14px;
}
.content-feature-list.style2 li:before {
top: 5px;
width: 5px;
height: 5px;
}
.breadcrumb-title h2 {
font-size: 26px;
margin-bottom: 10px;
}
.breadcrumb-title .breadcrumb-menu li {
font-size: 14px;
}
.breadcrumb-title .breadcrumb-menu li:after {
font-size: 16px;
top: -1px;
}
.breadcrumb-title .breadcrumb-menu li a {
font-size: 14px;
}
.owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next {
width: 40px;
height: 40px;
}
.owl-carousel .owl-nav button.owl-prev i, .owl-carousel .owl-nav button.owl-next i {
font-size: 14px;
}
.course-card .course-info h3,
.team-card .team-info-wrap .team-info h3,
.course-details-wrap .course-desc .course-author-card .course-author-info h3,
.vehicle-card .vehicle-info h3,
.feature-item-wrap .feature-item.style1 .feature-text h3,
.feature-item-wrap .feature-item .feature-text h3,
.blog-card .blog-info h3 {
font-size: 20px;
}
.hero-wrap .hero-content span {
font-size: 14px;
}
.hero-wrap .hero-content h1 {
font-size: 28px;
margin-bottom: 16px;
}
.hero-wrap .hero-content p {
padding-right: 10px;
margin-bottom: 20px;
}
.hero-wrap .hero-content .hero-btn .btn {
padding: 9px 16px 13px;
}
.hero-wrap .hero-content .hero-btn .btn:first-child {
margin-right: 10px;
}
.hero-wrap.style1 {
margin-top: 0;
padding: 0;
}
.hero-wrap.style1 .hero-img-wrap {
padding-top: 120px;
}
.hero-wrap.style1 .hero-img-wrap .hero-promo-text {
top: 0px;
padding: 35px 30px;
}
.hero-wrap.style1 .hero-img-wrap .hero-promo-text:after {
bottom: -20px;
}
.hero-wrap.style1 .hero-img-wrap .hero-promo-text .br_1 {
top: 20px;
left: 20px;
width: 20px;
height: calc(100% - 40px);
}
.hero-wrap.style1 .hero-img-wrap .hero-promo-text .br_1:after, .hero-wrap.style1 .hero-img-wrap .hero-promo-text .br_1:before {
height: 20px;
}
.hero-wrap.style1 .hero-img-wrap .hero-promo-text .br_2 {
width: 20px;
top: 20px;
right: 20px;
height: calc(100% - 40px);
}
.hero-wrap.style1 .hero-img-wrap .hero-promo-text .br_2:after, .hero-wrap.style1 .hero-img-wrap .hero-promo-text .br_2:before {
height: 20px;
}
.hero-wrap.style1 .hero-img-wrap .hero-promo-text i {
font-size: 20px;
top: 4px;
}
.hero-wrap.style1 .hero-img-wrap .hero-promo-text h4 {
font-size: 22px;
width: calc(100% - 35px);
margin-left: 15px;
}
.hero-wrap.style1 .hero-img-wrap .hero-promo-text h4 span {
font-size: 14px;
}
.hero-wrap.style1 .hero-img-wrap .hero-shape-two {
left: 45%;
max-width: 75%;
}
.hero-wrap.style1 .hero-content {
padding: 110px 0 35px;
}
.hero-wrap.style2 {
margin-top: 0;
}
.hero-wrap.style2 .hero-slide-item:before {
background: rgba(1, 23, 83, 0.9);
}
.hero-wrap.style2 .hero-slide-item .hero-content {
padding: 120px 0 140px;
}
.hero-wrap.style2 .hero-slide-item .hero-content h1 {
font-size: 28px;
}
.hero-wrap.style2 .hero-slide-item .hero-content p {
padding-right: 15px;
}
.hero-wrap.style3 {
margin-top: 70px;
}
.hero-wrap.style3 .hero-img-slider .hero-img-slide {
height: 350px;
}
.hero-wrap.style3 .container-fluid {
padding: 0;
max-width: 100%;
}
.hero-wrap.style3 .container-fluid .hero-content-wrap {
height: auto;
padding: 60px 0 60px;
}
.hero-wrap.style3 .container-fluid .hero-content-wrap .hero-content {
padding-left: 10px;
padding-right: 10px;
}
.hero-wrap.style3 .container-fluid .hero-content-wrap .hero-content h1 {
font-size: 28px;
}
.hero-wrap.style3 .container-fluid .hero-content-wrap .hero-content p {
max-width: 92%;
}
.hero-wrap.style3 .container-fluid .hero-content-wrap .hero-content {
padding-left: 10px;
padding-right: 10px;
}
.hero-img-slider.owl-carousel .owl-nav {
position: absolute;
bottom: 30px;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.hero-img-slider.owl-carousel .owl-nav button.owl-prev, .hero-img-slider.owl-carousel .owl-nav button.owl-next {
background-color: #F3F3F3;
}
.hero-img-slider.owl-carousel .owl-nav button.owl-prev:hover, .hero-img-slider.owl-carousel .owl-nav button.owl-next:hover {
background-color: #3D72FC;
}
.hero-img-slider.owl-carousel .owl-nav button.owl-prev:hover i, .hero-img-slider.owl-carousel .owl-nav button.owl-next:hover i {
color: #fff;
}
.hero-slider-one.owl-carousel .owl-nav .owl-prev,
.hero-slider-one.owl-carousel .owl-nav .owl-next {
bottom: 30px !important;
}
.book-course-wrap.style1 .book-course-form, .book-course-wrap.style2 .book-course-form {
padding: 0;
margin-top: 50px;
-webkit-box-shadow: none;
box-shadow: none;
}
.book-course-wrap .book-course-form h4 {
margin-bottom: 20px;
}
.book-course-wrap .book-course-form .booking-form .form-group {
width: calc(50% - 20px);
margin-right: 40px;
margin-bottom: 20px;
}
.book-course-wrap .book-course-form .booking-form .form-group:last-child {
width: 100%;
margin-bottom: 0;
margin-top: 5px;
}
.book-course-wrap .book-course-form .booking-form .form-group:nth-child(2), .book-course-wrap .book-course-form .booking-form .form-group:nth-child(4), .book-course-wrap .book-course-form .booking-form .form-group:nth-child(5) {
margin-right: 0;
}
.book-course-wrap .book-course-form .booking-form .form-group button {
width: 100%;
display: block;
}
.book-course-wrap .book-course-form .booking-form .form-group label {
font-size: 14px;
margin: 0 0 5px;
}
.cta-wrap .content-title {
text-align: center;
margin-bottom: 25px;
}
.cta-wrap .btn {
display: block;
width: 100%;
}
.about-wrap.style1 .about-content .content-title, .about-wrap.style2 .about-content .content-title, .about-wrap.style3 .about-content .content-title {
margin-bottom: 20px;
}
.about-wrap.style1 .about-img-wrap .about-shape-one {
top: -20px;
left: 0px;
}
.about-wrap.style1 .about-img-wrap .about-bg-1 {
height: 380px;
}
.about-wrap.style1 .about-img-wrap .about-promo-box, .about-wrap.style3 .about-img-wrap .about-promo-box {
bottom: 20px;
left: 20px;
padding: 20px 25px;
}
.about-wrap.style1 .about-img-wrap .about-promo-box i, .about-wrap.style3 .about-img-wrap .about-promo-box i {
font-size: 30px;
top: 3px;
}
.about-wrap.style1 .about-img-wrap .about-promo-box h4, .about-wrap.style3 .about-img-wrap .about-promo-box h4 {
font-size: 30px;
width: calc(100% - 45px);
margin-left: 15px;
}
.about-wrap.style1 .about-img-wrap .about-promo-box h4 span, .about-wrap.style3 .about-img-wrap .about-promo-box h4 span {
font-size: 14px;
}
.about-wrap.style2 .about-content .ceo-message {
padding: 20px 25px;
margin-bottom: 25px;
}
.about-wrap.style2 .about-content .ceo-message p {
margin-bottom: 12px;
}
.about-wrap.style2 .about-content .ceo-message h6 {
font-size: 14px;
}
.about-wrap.style2 .about-img-wrap .about-bg-2 {
height: 370px;
}
.about-wrap.style2 .about-img-wrap .about-promo-box {
top: -20px;
left: 50px;
padding: 25px 20px;
}
.about-wrap.style2 .about-img-wrap .about-promo-box::before {
left: -30px;
border-left: 0px solid transparent;
border-top: 20px solid transparent;
border-bottom: 0px solid transparent;
border-right: 30px solid #3D72FC;
}
.about-wrap.style2 .about-img-wrap .about-promo-box h4 {
font-size: 22px;
}
.about-wrap.style2 .about-img-wrap .about-promo-box h4 span {
font-size: 14px;
}
.about-wrap.style3 .about-img-wrap .about-bg-3 {
height: 380px;
}
.about-wrap.style3 .about-content .feature-item-wrap {
margin-bottom: 22px;
}
.feature-item-wrap .feature-item {
margin-bottom: 20px;
}
.feature-item-wrap .feature-item .feature-icon i {
font-size: 32px;
}
.feature-item-wrap .feature-item .feature-text {
width: calc(100% - 90px);
margin-left: 15px;
}
.feature-item-wrap .feature-item .feature-text h3 {
margin: 0 0 6px;
}
.feature-item-wrap .feature-item.style1 {
padding: 20px 20px 18px;
}
.feature-item-wrap .feature-item.style1 .feature-icon {
top: 0;
}
.feature-item-wrap .feature-item.style1 .feature-icon i {
font-size: 25px;
position: relative;
top: 3px;
}
.feature-item-wrap .feature-item.style1 .feature-text {
width: calc(100% - 45px);
margin-left: 15px;
}
.feature-item-wrap .feature-item.style1 .feature-text h3 {
margin: 0 0 10px;
}
.feature-item-wrap .feature-item.style2 {
padding: 20px 20px 18px;
}
.feature-item-wrap .feature-item.style2 .feature-icon {
width: 45px;
height: 45px;
}
.feature-item-wrap .feature-item.style2 .feature-icon i {
font-size: 20px;
}
.feature-item-wrap .feature-item.style2 .feature-text {
width: calc(100% - 60px);
margin-left: 15px;
}
.course-card.style1 .course-img .course-price, .course-card.style2 .course-img .course-price {
font-size: 18px;
}
.course-card.style1 .course-img .course-price:after, .course-card.style2 .course-img .course-price:after {
content: "";
right: -29px;
border-left: 30px solid #3D72FC;
border-top: 20px solid transparent;
}
.course-card.style1 .course-img .course-price:before, .course-card.style2 .course-img .course-price:before {
content: "";
right: -29px;
border-left: 30px solid #3D72FC;
border-bottom: 20px solid transparent;
}
.course-card.style1 .course-info, .course-card.style2 .course-info {
padding: 20px;
}
.course-card.style1 .course-info h3, .course-card.style2 .course-info h3 {
margin-bottom: 12px;
}
.course-card.style1 .course-info p, .course-card.style2 .course-info p {
margin-bottom: 15px;
}
.course-card.style1 .course-info .course-author-wrap .course-author .course-author-img, .course-card.style2 .course-info .course-author-wrap .course-author .course-author-img {
width: 35px;
height: 35px;
}
.course-card.style1 .course-info .course-author-wrap .course-author .course-author-img img, .course-card.style2 .course-info .course-author-wrap .course-author .course-author-img img {
border-radius: 50%;
}
.course-card.style1 .course-info .course-author-wrap .course-author a, .course-card.style2 .course-info .course-author-wrap .course-author a {
width: calc(100% - 50px);
font-size: 14px;
}
.course-card.style1 .course-info .course-author-wrap .course-link, .course-card.style2 .course-info .course-author-wrap .course-link {
font-size: 14px;
}
.course-card.style1 .course-img .course-price {
font-size: 18px;
}
.course-card.style1 .course-img .course-price:after {
content: "";
right: -30px;
border-left: 30px solid #3D72FC;
border-top: 20px solid transparent;
}
.course-card.style1 .course-img .course-price:before {
content: "";
right: -30px;
border-left: 30px solid #3D72FC;
border-bottom: 20px solid transparent;
}
.course-card.style1 .course-info .course-author-wrap {
padding-top: 22px;
}
.course-card.style2 .course-info .course-author-wrap .course-price {
font-size: 18px;
}
.course-card.style2 .course-info .btn {
margin-top: 20px;
}
.course-card.style3 .course-info {
padding: 20px;
}
.course-card.style3 .course-info .course-link {
width: 45px;
height: 45px;
margin: -43px 0 0;
}
.course-card.style3 .course-info .course-link i {
font-size: 14px;
}
.course-card.style3 .course-info h3 {
margin-bottom: 12px;
}
.course-card.style3 .course-info p {
margin-bottom: 12px;
}
.course-card.style3 .course-info .course-author-wrap .course-author .course-author-img {
font-size: 14px;
}
.course-card.style3 .course-info .course-author-wrap .course-author a {
font-size: 14px;
}
.course-card.style3 .course-info .course-author-wrap .course-link {
font-size: 14px;
}
.course-card.style3 .course-info .course-author-wrap .course-price {
font-size: 16x;
}
.vehicle-card .vehicle-info {
margin: 18px 20px 0;
padding-bottom: 20px;
}
.vehicle-card .vehicle-info h3 {
margin: 0 0 12px;
}
.vehicle-card .vehicle-info p {
margin-bottom: 15px;
}
.vehicle-card .vehicle-info .vehicle-meta-info {
padding-top: 18px;
}
.vehicle-card .vehicle-info .vehicle-meta-info .vehicle-promo-info .vehicle-promo-img {
width: 35px;
height: 35px;
}
.vehicle-card .vehicle-info .vehicle-meta-info .vehicle-promo-info h6 {
font-size: 14px;
}
.vehicle-card .vehicle-info .vehicle-meta-info .vehicle-promo-info h6 span {
font-size: 14px;
}
.vehicle-card .vehicle-info .vehicle-meta-info a {
margin-left: 10px;
}
.vehicle-card .vehicle-info .vehicle-meta-info .vehicle-rating span {
font-size: 14px;
}
.vehicle-card .vehicle-info .vehicle-meta-info .vehicle-rating .ratings li i {
font-size: 14px;
}
.vehicle-card.style3 .vehicle-info .vehicle-link {
width: 45px;
height: 45px;
margin: -43px 0 0;
}
.vehicle-card.style3 .vehicle-info .vehicle-link i {
font-size: 14px;
}
.course-details-wrap .course-desc .course-brief-wrap {
margin-bottom: 25px;
}
.course-details-wrap .course-desc .course-metainfo-wrap {
margin: 25px 0 15px;
}
.course-details-wrap .course-desc .course-brief {
padding: 20px;
}
.course-details-wrap .course-desc h6 {
margin-bottom: 20px !important;
}
.team-card .team-info-wrap {
padding: 20px;
}
.counter-card-wrap {
padding: 50px 25px 25px;
}
.blog-card .blog-img .blog-date {
bottom: 20px;
left: 0;
font-size: 16px;
padding: 10px 20px 10px;
border-radius: 0 5px 5px 0;
margin-bottom: 0;
}
.blog-card .blog-info {
padding: 18px 20px 18px;
}
.blog-card .blog-info .blog-metainfo {
margin-bottom: 12px;
}
.blog-card .blog-info .blog-metainfo li {
margin-right: 15px;
font-size: 14px;
}
.blog-card .blog-info .blog-metainfo li a {
font-size: 14px;
}
.blog-card .blog-info .blog-metainfo li i {
top: 1px;
font-size: 14px;
}
.blog-card .blog-info h3 {
margin-bottom: 12px;
}
.blog-card .blog-info p {
margin: 0 0 15px;
}
.blog-card.style1 .blog-info p {
padding-bottom: 12px;
}
.blog-card.style2 .blog-info {
padding: 25px 25px 25px;
}
.blog-card.style2 .blog-info .btn.style2 {
width: 100%;
display: block;
}
.blog-card.style3 .blog-info {
padding: 18px 20px 18px;
}
.blog-card.style3 .blog-info .blog-link {
width: 45px;
height: 45px;
margin: -43px 0 0;
}
.blog-card.style3 .blog-info .blog-link i {
font-size: 14px;
}
.blog-card:hover {
-webkit-box-shadow: 0px 6px 50px rgba(0, 0, 0, 0.07);
box-shadow: 0px 6px 50px rgba(0, 0, 0, 0.07);
border-color: transparent;
}
.blog-card:hover .blog-img img {
-webkit-transform: scale(1.08) rotate(3deg);
transform: scale(1.08) rotate(3deg);
}
.blog-card:hover .blog-info h3 a {
color: #091851;
}
.pricing-card .pricing-subheader {
font-size: 18px;
padding: 20px 15px;
}
.pricing-card .pricing-header {
padding: 30px 15px;
}
.pricing-card .pricing-header h2 {
font-size: 32px;
}
.pricing-card .pricing-header span {
font-size: 14px;
}
.pricing-card .pricing-features {
padding: 25px 0;
}
.pricing-card .pricing-features li {
margin-bottom: 15px;
font-size: 14px;
}
.pricing-card .purchase-btn {
padding: 25px 0;
}
.testimonial-card {
padding: 18px 20px 20px;
}
.testimonial-card .client-info-wrap .client-img {
width: 42px;
height: 42px;
}
.testimonial-card .client-info-wrap .client-info {
width: calc(100% - 83px);
margin-left: 10px;
}
.testimonial-card .client-info-wrap span {
font-size: 14px;
display: block;
line-height: 1;
-webkit-transition: 0.4s;
transition: 0.4s;
}
.testimonial-card.style1 {
padding: 18px 20px 20px;
}
.testimonial-card.style1 .client-info-wrap .quote-icon {
width: 30px;
}
.testimonial-card.style1 .client-info-wrap .quote-icon i {
font-size: 30px;
}
.testimonial-card .client-info h3 {
font-size: 16px;
}
.testimonial-slider-two.owl-carousel .owl-dots {
margin-top: 0;
}
.testimonial-slider-one {
padding: 25px 25px;
}
.testimonial-slider-one .testimonial-card {
border: none;
}
.testimonial-slider-one.owl-carousel .owl-dots {
margin-top: 0;
}
.why-choose-wrap.style1 .wh-content .content-title, .why-choose-wrap.style2 .wh-content .content-title, .why-choose-wrap.style3 .wh-content .content-title {
margin-bottom: 20px;
}
.why-choose-wrap.style1 .wh-img-wrap .wh-bg-1 {
height: 400px;
}
.why-choose-wrap.style1 .wh-img-wrap .wh-promo-video {
width: calc(100% - 35px);
}
.why-choose-wrap.style1 .wh-img-wrap .wh-promo-video .wh-promo-video-bg {
width: 100%;
margin-bottom: 20px;
height: 190px;
}
.why-choose-wrap.style1 .wh-img-wrap .wh-promo-video .wh-promo-video-bg .play-text {
width: 100%;
height: 100%;
padding: 15px 0 0;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
.why-choose-wrap.style1 .wh-img-wrap .wh-promo-video .wh-promo-video-bg .play-text:after {
top: 0;
left: 0;
width: 100%;
height: 53px;
}
.why-choose-wrap.style1 .wh-img-wrap .wh-promo-video .wh-promo-video-bg .play-text span {
font-size: 16px;
}
.why-choose-wrap.style1 .wh-img-wrap .wh-promo-video .wh-promo-video-bg .play-video {
top: 58%;
left: 50%;
}
.why-choose-wrap.style1 .wh-img-wrap .wh-promo-video .wh-promo-text {
width: 100%;
padding-left: 0;
}
.why-choose-wrap.style1 .wh-img-wrap .wh-promo-video .wh-promo-text h5 {
font-size: 16px;
}
.why-choose-wrap.style1 .wh-content .feature-item-wrap {
margin-bottom: 0;
}
.why-choose-wrap.style2 .quote-form .quote-title {
padding: 20px 20px;
}
.why-choose-wrap.style2 .quote-form .quote-title h2 {
font-size: 22px;
}
.why-choose-wrap.style2 .quote-form form {
padding: 20px;
}
.why-choose-wrap.style2 .quote-form form .form-group {
margin-bottom: 20px;
}
.why-choose-wrap.style2 .quote-form form .form-group input, .why-choose-wrap.style2 .quote-form form .form-group textarea {
width: 100%;
padding: 13px 15px 10px;
}
.why-choose-wrap.style2 .quote-form form .form-group input {
height: 54px;
}
.why-choose-wrap.style2 .quote-form form .form-group textarea {
height: 150px;
resize: none;
}
.why-choose-wrap.style3 .wh-img-wrap .wh-bg-1 {
height: 400px;
}
.why-choose-wrap.style3 .wh-content .feature-item-wrap {
margin-bottom: 0;
}
.why-choose-wrap.style3 .wh-content .feature-item-wrap .feature-item {
padding: 20px 20px 18px;
}
.testimonial-slider-three.owl-carousel .owl-nav {
position: relative;
top: auto;
right: auto;
bottom: 0;
margin-top: 10px;
margin-bottom: 25px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.contact-box-wrap {
padding: 20px;
}
.contact-box-wrap .contact-item .contact-info {
width: calc(100% - 70px);
margin-left: 20px;
}
.contact-box-wrap .contact-item .contact-info h5 {
font-size: 20px;
margin: 0 0 10px;
font-weight: 600;
}
.contact-box-wrap .contact-item .contact-info .social-profile li a {
width: 32px;
height: 32px;
}
.contact-box-wrap .contact-item .contact-info .social-profile li a i {
font-size: 13px;
line-height: 40px;
}
.contact-form {
padding: 20px;
}
#contactForm .form-group {
margin: 0 0 20px;
}
#contactForm .form-group input,
#contactForm .form-group textarea {
padding: 16px 20px 11px;
}
#contactForm .form-group input {
height: 54px;
}
#contactForm .form-group textarea {
height: 150px;
}
.vehicle-info-widget ul li i {
top: 2px;
}
.vehicle-info-widget ul li h6 {
font-size: 16px;
}
.vehicle-info-widget ul li span {
font-size: 14px;
}
.team-tablist {
border: none;
}
.team-tablist .nav-item {
display: block;
width: 100%;
}
.team-tablist .nav-item .nav-link {
width: 100%;
font-size: 16px;
padding: 10px 20px;
border-bottom: 1px solid rgba(0, 0, 0, 0.09);
}
.team-tabcontent {
border: none;
padding: 25px 0 0;
}
.team-desc .team-name {
margin-bottom: 15px;
}
.team-desc .team-name h2 {
font-size: 24px;
}
.team-desc .team-member-info {
margin-top: 22px;
margin-bottom: 22px;
}
.team-desc .team-member-info li {
margin-bottom: 12px;
}
.team-desc .team-member-info li p {
font-size: 15px;
font-weight: 600;
color: #000;
width: 120px;
margin-bottom: 0;
}
.team-desc .team-member-info li a {
font-size: 14px;
}
.team-desc .social-profile li a {
width: 45px;
height: 45px;
}
.team-desc .social-profile li a i {
font-size: 15px;
}
.team-desc p {
margin-bottom: 15px;
}
.team-desc p:last-child {
margin-bottom: 0;
}
.accordion-item .accordion-header .accordion-button {
font-size: 16px;
line-height: 26px;
padding: 18px 45px 15px 20px;
}
article h2, .course-desc h2, .terms-wrap h2, .team-desc h2, .vehicle-desc h2,
article h3, .course-desc h3, .terms-wrap h3, .team-desc h3, .vehicle-desc h3 {
margin-bottom: 15px;
}
article p, .course-desc p, .vehicle-desc p, .team-desc p, .terms-wrap p {
margin-bottom: 15px;
}
article .content-feature-list, .service-desc .content-feature-list, .terms-wrap .content-feature-list, .project-desc .content-feature-list {
margin: 15px 0 15px;
}
article ol, .course-desc ol, .team-desc ol, .vehicle-desc ol, .terms-wrap ol {
margin-top: 15px;
margin-bottom: 15px;
}
article h1,
.course-desc h1,
.team-desc h1,
.vehicle-desc h1,
.terms-desc h1 {
font-size: 24px;
}
article h2,
.course-desc h2,
.team-desc h2,
.vehicle-desc h2,
.terms-desc h2 {
font-size: 22px;
}
article h3,
.course-desc h3,
.team-desc h3,
.vehicle-desc h3,
.terms-desc h3 {
font-size: 20px;
}
article h4,
.course-desc h4,
.team-desc h4,
.vehicle-desc h4,
.terms-desc h4 {
font-size: 18px;
}
article h5,
.course-desc h5,
.team-desc h5,
.vehicle-desc h5,
.terms-desc h5 {
font-size: 17px;
}
article h6,
.course-desc h6,
.team-desc h6,
.vehicle-desc h6,
.terms-desc h6 {
font-size: 16px;
}
article ol li,
.course-desc ol li,
.team-desc ol li,
.vehicle-desc ol li,
.terms-desc ol li {
font-size: 14px;
margin-bottom: 10px;
}
article ol li:last-child,
.course-desc ol li:last-child,
.team-desc ol li:last-child,
.vehicle-desc ol li:last-child,
.terms-desc ol li:last-child {
margin-bottom: 0;
}
article ul li,
.course-desc ul li,
.team-desc ul li,
.vehicle-desc ul li,
.terms-desc ul li {
font-size: 14px;
margin-bottom: 10px;
}
article ul li:last-child,
.course-desc ul li:last-child,
.team-desc ul li:last-child,
.vehicle-desc ul li:last-child,
.terms-desc ul li:last-child {
margin-bottom: 0;
}
.post-author .post-author-info h4 {
font-size: 20px;
}
.wp-block-quote {
padding: 15px 20px 15px;
margin: 22px 0 22px;
}
.post-metainfo {
margin-bottom: 15px;
}
.post-metainfo li {
margin-bottom: 0;
}
.post-img {
margin: 0 0 25px;
}
.author-info-wrap .author-info h6 {
font-size: 15px;
}
.reply-btn {
font-size: 14px;
}
.post-tag {
margin-bottom: 15px;
}
.post-tag ul li a {
font-size: 13px;
}
.post-author {
padding: 20px;
}
.post-author .post-author-img {
width: 130px;
height: 130px;
border-radius: 50%;
}
.post-author .post-author-info {
width: 100%;
margin-left: 0;
margin-top: 20px;
}
.comment-item-wrap .comment-item {
padding-bottom: 15px;
margin-bottom: 15px;
}
.comment-item-wrap .comment-item.reply {
margin-left: 25px;
}
.comment-item-wrap .comment-item .comment-author-img {
width: 55px;
height: 55px;
}
.comment-item-wrap .comment-item .comment-author-wrap {
width: 100%;
margin-left: 0;
margin-top: 20px;
}
.comment-item-wrap .comment-item .comment-author-wrap .comment-author-name h5 {
font-size: 18px;
display: block;
}
.comment-item-wrap .comment-item .comment-author-wrap .comment-author-name .comment-date {
display: block;
margin-left: 0;
margin-top: 12px;
font-size: 14px;
}
.comment-item-wrap .comment-item .comment-author-wrap .comment-text {
margin-bottom: 8px;
}
#cmt-form .comment-form .form-group {
margin-bottom: 15px;
}
#cmt-form .comment-form .form-group label {
font-size: 14px;
}
#cmt-form .comment-form .form-group input {
height: 54px;
}
#cmt-form .comment-form .btn.style1 {
margin-top: 20px;
}
.sidebar .sidebar-widget {
padding: 20px;
}
.sidebar .sidebar-widget h4 {
font-size: 18px;
margin: 0 0 20px;
padding-bottom: 15px;
}
.category-box ul li a {
font-size: 14px;
padding: 8px 10px 8px 20px;
}
.category-box ul li a i {
top: 9px;
font-size: 14px;
}
.tag-list ul li {
margin: 9px 6px 0px 0px;
}
.login-form-wrap {
padding: 30px 20px 20px;
}
.login-form-wrap .login-header h3 {
font-size: 20px;
}
.login-form-wrap .login-body .form-group {
margin-bottom: 10px;
}
.login-form-wrap .login-body .form-group label {
font-size: 14px;
margin-bottom: 5px;
}
.login-form-wrap .login-body .form-group input {
height: 50px;
}
.login-form-wrap .login-body .checkbox label {
font-size: 13px;
}
.login-form-wrap .login-body .btn {
padding: 12px;
}
.login-form-wrap .login-body .link {
font-size: 13px;
}
.error-content img {
max-width: 280px;
}
.error-content p {
margin: 0 auto 20px;
max-width: 300px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.container-fluid {
max-width: 720px;
padding-left: 15px;
padding-right: 15px;
}
.pt-100 {
padding-top: 70px;
}
.pb-100 {
padding-bottom: 70px;
}
.mt-100 {
margin-top: 70px !important;
}
.mb-100 {
margin-bottom: 70px !important;
}
.mtb-100 {
margin-top: 70px !important;
margin-bottom: 70px !important;
}
.pb-50 {
padding-bottom: 20px;
}
.pb-60 {
padding-bottom: 35px;
}
.mt-100 {
margin-top: 70px !important;
}
.ptb-100 {
padding-top: 70px;
padding-bottom: 70px;
}
.pt-70 {
padding-top: 40px;
}
.pb-70 {
padding-bottom: 40px;
}
.pb-75 {
padding-bottom: 45px;
}
.pb-50 {
padding-bottom: 20px;
}
.pt-75 {
padding-top: 45px;
}
.breadcrumb-wrap {
padding: 100px 0 70px;
}
.breadcrumb-title h2,
.section-title h2,
.content-title h2 {
font-size: 35px;
}
.content-wrapper {
margin-top: 130px;
}
.hero-wrap.style1 {
margin-top: 128px;
}
.hero-wrap.style1 .hero-img-wrap .hero-img {
max-width: 82%;
}
.hero-wrap.style1 .hero-img-wrap .hero-shape-two {
left: 45%;
max-width: 75%;
}
.hero-wrap.style1 .hero-content {
padding-bottom: 60px;
}
.hero-wrap.style1 .hero-content h1 {
font-size: 46px;
}
.hero-wrap.style2 {
margin-top: 128px;
}
.hero-wrap.style2 .hero-slide-item:before {
background: -webkit-gradient(linear, left top, right top, color-stop(19%, rgba(1, 23, 80, 0.98)), color-stop(68%, rgba(1, 23, 80, 0.48)), color-stop(91%, rgba(1, 23, 80, 0.32)));
background: linear-gradient(90deg, rgba(1, 23, 80, 0.98) 19%, rgba(1, 23, 80, 0.48) 68%, rgba(1, 23, 80, 0.32) 91%);
}
.hero-wrap.style2 .hero-slide-item .hero-content {
padding: 120px 0 200px;
}
.hero-wrap.style2 .hero-slide-item .hero-content h1 {
font-size: 44px;
}
.hero-wrap.style2 .hero-slide-item .hero-content p {
max-width: 86%;
}
.hero-wrap.style3 {
margin-top: 178px;
}
.hero-wrap.style3 .hero-img-slider .hero-img-slide {
height: 550px;
}
.hero-wrap.style3 .hero-content-wrap {
height: 550px;
}
.hero-wrap.style3 .container-fluid {
padding: 0;
max-width: 100%;
}
.hero-wrap.style3 .container-fluid .hero-content-wrap {
padding: 80px 0 120px;
}
.hero-wrap.style3 .container-fluid .hero-content-wrap .hero-content {
padding-left: 30px;
padding-right: calc((100% - 370px) /2 + 10px);
}
.hero-wrap.style3 .container-fluid .hero-content-wrap .hero-content h1 {
font-size: 34px;
}
.hero-wrap.style3 .container-fluid .hero-content-wrap .hero-content p {
max-width: 92%;
}
.hero-img-slider.owl-carousel .owl-nav {
position: absolute;
bottom: 30px;
left: 38%;
}
.hero-img-slider.owl-carousel .owl-nav button.owl-prev, .hero-img-slider.owl-carousel .owl-nav button.owl-next {
background-color: #F3F3F3;
}
.hero-img-slider.owl-carousel .owl-nav button.owl-prev:hover, .hero-img-slider.owl-carousel .owl-nav button.owl-next:hover {
background-color: #3D72FC;
}
.hero-img-slider.owl-carousel .owl-nav button.owl-prev:hover i, .hero-img-slider.owl-carousel .owl-nav button.owl-next:hover i {
color: #fff;
}
.book-course-wrap.style1 .book-course-form {
padding: 25px 30px 30px;
}
.book-course-wrap.style2 .book-course-form {
margin: 70px 0 0;
padding: 45px 40px 50px;
}
.book-course-wrap .book-course-form .booking-form .form-group {
width: calc(50% - 20px);
margin-right: 40px;
margin-bottom: 20px;
}
.book-course-wrap .book-course-form .booking-form .form-group:last-child {
width: 100%;
margin-bottom: 0;
margin-top: 5px;
}
.book-course-wrap .book-course-form .booking-form .form-group:nth-child(2), .book-course-wrap .book-course-form .booking-form .form-group:nth-child(4), .book-course-wrap .book-course-form .booking-form .form-group:nth-child(5) {
margin-right: 0;
}
.book-course-wrap .book-course-form .booking-form .form-group button {
width: 100%;
display: block;
}
.about-wrap.style1 .about-img-wrap .about-bg-1 {
height: 500px;
}
.about-wrap.style1 .about-img-wrap .about-bg-2 {
height: 500px;
}
.about-wrap.style3 .about-img-wrap .about-bg-3 {
height: 500px;
}
.why-choose-wrap.style1 .wh-img-wrap .wh-bg-1 {
height: 500px;
}
.why-choose-wrap.style1 .wh-img-wrap .wh-promo-video .wh-promo-video-bg .play-text {
padding: 10px 0 0;
}
.why-choose-wrap.style3 .wh-img-wrap .wh-bg-1 {
height: 550px;
}
}
@media only screen and (max-width: 991px) {
.page-wrapper {
overflow-x: hidden !important;
}
.md-none {
display: none !important;
}
.mt-60 {
margin-top: 30px !important;
}
.md-center {
text-align: center !important;
}
.about-wrap .about-img-wrap {
margin-bottom: 30px;
}
.why-choose-wrap .wh-img-wrap {
margin-bottom: 30px;
}
.why-choose-wrap.style2 .quote-form {
margin-top: 30px;
}
.contact-box-wrap {
margin-top: 25px;
}
.team-details-image {
margin-bottom: 20px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.breadcrumb-title h2,
.section-title h2,
.content-title h2 {
font-size: 33px;
}
.breadcrumb-wrap {
padding: 90px 0 65px;
}
.content-wrapper {
margin-top: 90px;
}
.course-card .course-info h3,
.testimonial-card .client-info h3,
.team-card .team-info-wrap .team-info h3,
.course-details-wrap .course-desc .course-author-card .course-author-info h3,
.vehicle-card .vehicle-info h3,
.feature-item-wrap .feature-item.style1 .feature-text h3,
.feature-item-wrap .feature-item .feature-text h3,
.blog-card .blog-info h3 {
font-size: 22px;
}
.hero-wrap.style1 {
margin-top: 92px;
}
.hero-wrap.style1 .hero-img-wrap .hero-promo-text {
top: -20px;
padding: 35px 30px;
}
.hero-wrap.style1 .hero-img-wrap .hero-promo-text i {
font-size: 25px;
top: 4px;
}
.hero-wrap.style1 .hero-img-wrap .hero-promo-text h4 {
font-size: 28px;
width: calc(100% - 40px);
margin-left: 15px;
}
.hero-wrap.style1 .hero-img-wrap .hero-promo-text h4 span {
display: block;
font-size: 16px;
font-weight: 400;
}
.hero-wrap.style1 .hero-content h1 {
font-size: 46px;
}
.hero-wrap.style2 {
margin-top: 92px;
}
.hero-wrap.style2 .hero-slide-item .hero-content {
padding: 120px 0 200px;
}
.hero-wrap.style2 .hero-slide-item .hero-content h1 {
font-size: 44px;
}
.hero-wrap.style2 .hero-slide-item .hero-content p {
max-width: 84%;
}
.hero-wrap.style3 {
margin-top: 140px;
}
.hero-wrap.style3 .container-fluid {
padding: 0;
}
.hero-wrap.style3 .container-fluid .hero-content-wrap {
padding: 130px 0 150px;
}
.hero-wrap.style3 .container-fluid .hero-content-wrap .hero-content {
padding-left: 50px;
padding-right: calc((100% - 540px) /2 + 10px);
}
.hero-wrap.style3 .container-fluid .hero-content-wrap .hero-content h1 {
font-size: 44px;
}
.hero-wrap.style3 .container-fluid .hero-content-wrap .hero-content p {
max-width: 92%;
}
.hero-img-slider.owl-carousel .owl-nav {
left: calc((100% - 380px) /2 + 10px);
}
.hero-img-slider.owl-carousel .owl-nav button.owl-prev, .hero-img-slider.owl-carousel .owl-nav button.owl-next {
width: 40px;
height: 40px;
}
.hero-img-slider.owl-carousel .owl-nav button.owl-prev i, .hero-img-slider.owl-carousel .owl-nav button.owl-next i {
font-size: 15px;
}
.book-course-wrap.style2 .book-course-form {
padding: 35px 25px 40px;
}
.cta-wrap.style2 .content-title {
padding: 45px 38px 55px;
}
.why-choose-wrap.style1 .wh-content .feature-item-wrap .feature-item {
width: 100%;
margin-bottom: 20px;
}
.why-choose-wrap.style1 .wh-img-wrap .wh-promo-video .wh-promo-video-bg .play-text {
padding: 45px 0 0;
}
.why-choose-wrap.style1 .wh-img-wrap .wh-promo-video .wh-promo-video-bg .play-text span {
font-size: 18px;
}
.why-choose-wrap.style1 .wh-img-wrap .wh-promo-video .wh-promo-video-bg .play-text:after {
position: absolute;
top: 15px;
left: -30%;
width: 160%;
height: 70px;
}
.why-choose-wrap.style1 .wh-img-wrap .wh-promo-video .wh-promo-text h5 {
font-size: 18px;
}
.why-choose-wrap.style3 .wh-content .feature-item-wrap .feature-item {
width: 100%;
}
.counter-card .counter-icon i {
font-size: 42px;
}
.counter-card .counter-text {
width: calc(100% - 62px);
margin-left: 20px;
}
.counter-card .counter-text .counter-num {
font-size: 32px;
margin: 0 0 8px;
}
}
@media only screen and (max-width: 1199px) {
.sidebar {
margin: 50px 0 0;
}
.lg-none {
display: none !important;
}
.hero-slider-one.owl-carousel .owl-nav {
text-align: center;
}
.hero-slider-one.owl-carousel .owl-nav .owl-prev,
.hero-slider-one.owl-carousel .owl-nav .owl-next {
top: auto;
width: 42px;
height: 42px;
bottom: 90px;
}
.hero-slider-one.owl-carousel .owl-nav .owl-prev i,
.hero-slider-one.owl-carousel .owl-nav .owl-next i {
font-size: 15px;
}
.hero-slider-one.owl-carousel .owl-nav .owl-prev {
left: calc(50% - 45px);
margin-right: 25px;
}
.hero-slider-one.owl-carousel .owl-nav .owl-next {
left: calc(50% + 7px);
right: auto;
}
.vehicle-slider-one.owl-carousel .owl-nav,
.course-slider-one.owl-carousel .owl-nav,
.team-slider-one.owl-carousel .owl-nav,
.blog-slider-one.owl-carousel .owl-nav {
margin-top: 5px;
margin-bottom: 25px;
}
.vehicle-slider-one.owl-carousel .owl-nav button.owl-prev, .vehicle-slider-one.owl-carousel .owl-nav button.owl-next,
.course-slider-one.owl-carousel .owl-nav button.owl-prev,
.course-slider-one.owl-carousel .owl-nav button.owl-next,
.team-slider-one.owl-carousel .owl-nav button.owl-prev,
.team-slider-one.owl-carousel .owl-nav button.owl-next,
.blog-slider-one.owl-carousel .owl-nav button.owl-prev,
.blog-slider-one.owl-carousel .owl-nav button.owl-next {
position: relative;
width: 38px;
height: 38px;
top: auto;
bottom: 0;
-webkit-transform: translateY(0);
transform: translateY(0);
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.vehicle-slider-one.owl-carousel .owl-nav button.owl-prev i, .vehicle-slider-one.owl-carousel .owl-nav button.owl-next i,
.course-slider-one.owl-carousel .owl-nav button.owl-prev i,
.course-slider-one.owl-carousel .owl-nav button.owl-next i,
.team-slider-one.owl-carousel .owl-nav button.owl-prev i,
.team-slider-one.owl-carousel .owl-nav button.owl-next i,
.blog-slider-one.owl-carousel .owl-nav button.owl-prev i,
.blog-slider-one.owl-carousel .owl-nav button.owl-next i {
font-size: 16px;
}
.vehicle-slider-one.owl-carousel .owl-nav button.owl-prev,
.course-slider-one.owl-carousel .owl-nav button.owl-prev,
.team-slider-one.owl-carousel .owl-nav button.owl-prev,
.blog-slider-one.owl-carousel .owl-nav button.owl-prev {
left: calc(50% - 35px);
}
.vehicle-slider-one.owl-carousel .owl-nav button.owl-next,
.course-slider-one.owl-carousel .owl-nav button.owl-next,
.team-slider-one.owl-carousel .owl-nav button.owl-next,
.blog-slider-one.owl-carousel .owl-nav button.owl-next {
left: calc(50% + 0px);
right: auto;
}
}
@media only screen and (min-width: 1200px) {
.xl-none {
display: none !important;
}
.content-title p {
padding-right: 25px;
}
.why-choose-wrap .wh-content .content-title p,
.about-wrap .about-content .content-title p {
padding-right: 32px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1280px) {
.section-img.style2 {
right: 10px;
max-width: 60px;
}
.breadcrumb-wrap .section-img {
max-width: 140px;
}
.hero-slider-one.owl-carousel .owl-nav {
-webkit-transition: 0.4s;
transition: 0.4s;
}
.hero-slider-one.owl-carousel .owl-nav .owl-prev,
.hero-slider-one.owl-carousel .owl-nav .owl-next {
width: 35px;
height: 35px;
}
.hero-slider-one.owl-carousel .owl-nav .owl-prev i,
.hero-slider-one.owl-carousel .owl-nav .owl-next i {
font-size: 12px;
}
.hero-slider-one.owl-carousel .owl-nav .owl-prev {
left: 5px;
}
.hero-slider-one.owl-carousel .owl-nav .owl-next {
right: 5px;
}
.hero-img-slider.owl-carousel .owl-nav {
left: calc((100% - 565px) /2 + 10px) !important;
}
.hero-wrap.style3 .container-fluid .hero-content-wrap .hero-content h1 {
font-size: 46px !important;
}
.vehicle-slider-one.owl-carousel .owl-nav button.owl-prev, .vehicle-slider-one.owl-carousel .owl-nav button.owl-next,
.course-slider-one.owl-carousel .owl-nav button.owl-prev,
.course-slider-one.owl-carousel .owl-nav button.owl-next,
.team-slider-one.owl-carousel .owl-nav button.owl-prev,
.team-slider-one.owl-carousel .owl-nav button.owl-next,
.blog-slider-one.owl-carousel .owl-nav button.owl-prev,
.blog-slider-one.owl-carousel .owl-nav button.owl-next {
width: 35px;
height: 35px;
}
.vehicle-slider-one.owl-carousel .owl-nav button.owl-prev i, .vehicle-slider-one.owl-carousel .owl-nav button.owl-next i,
.course-slider-one.owl-carousel .owl-nav button.owl-prev i,
.course-slider-one.owl-carousel .owl-nav button.owl-next i,
.team-slider-one.owl-carousel .owl-nav button.owl-prev i,
.team-slider-one.owl-carousel .owl-nav button.owl-next i,
.blog-slider-one.owl-carousel .owl-nav button.owl-prev i,
.blog-slider-one.owl-carousel .owl-nav button.owl-next i {
font-size: 16px;
}
.vehicle-slider-one.owl-carousel .owl-nav button.owl-prev,
.course-slider-one.owl-carousel .owl-nav button.owl-prev,
.team-slider-one.owl-carousel .owl-nav button.owl-prev,
.blog-slider-one.owl-carousel .owl-nav button.owl-prev {
left: -40px;
}
.vehicle-slider-one.owl-carousel .owl-nav button.owl-next,
.course-slider-one.owl-carousel .owl-nav button.owl-next,
.team-slider-one.owl-carousel .owl-nav button.owl-next,
.blog-slider-one.owl-carousel .owl-nav button.owl-next {
right: -40px;
}
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.hero-wrap.style1 .hero-img-wrap .hero-promo-text {
padding: 45px 55px;
}
.hero-wrap.style1 .hero-content h1 {
font-size: 64px;
}
.hero-wrap.style2 .hero-slide-item .hero-content h1 {
font-size: 60px;
}
.hero-wrap.style2 .hero-slide-item .hero-content p {
max-width: 85%;
}
.hero-wrap.style3 .container-fluid {
padding: 0;
}
.hero-wrap.style3 .container-fluid .hero-content-wrap {
padding: 130px 0 150px;
}
.hero-wrap.style3 .container-fluid .hero-content-wrap .hero-content {
padding-left: 50px;
padding-right: calc((100% - 618px) /2 + 10px);
}
.hero-wrap.style3 .container-fluid .hero-content-wrap .hero-content h1 {
font-size: 56px;
}
.hero-wrap.style3 .container-fluid .hero-content-wrap .hero-content p {
max-width: 95%;
}
.hero-slider-one.owl-carousel .owl-nav {
-webkit-transition: 0.4s;
transition: 0.4s;
}
.hero-slider-one.owl-carousel .owl-nav .owl-prev,
.hero-slider-one.owl-carousel .owl-nav .owl-next {
width: 40px;
height: 40px;
}
.hero-slider-one.owl-carousel .owl-nav .owl-prev i,
.hero-slider-one.owl-carousel .owl-nav .owl-next i {
font-size: 15px;
}
.hero-slider-one.owl-carousel .owl-nav .owl-prev {
left: 10px;
}
.hero-slider-one.owl-carousel .owl-nav .owl-next {
right: 10px;
}
.hero-img-slider.owl-carousel .owl-nav {
left: calc((100% - 618px) /2 + 10px);
}
.vehicle-slider-one.owl-carousel .owl-nav button.owl-prev, .vehicle-slider-one.owl-carousel .owl-nav button.owl-next,
.course-slider-one.owl-carousel .owl-nav button.owl-prev,
.course-slider-one.owl-carousel .owl-nav button.owl-next,
.team-slider-one.owl-carousel .owl-nav button.owl-prev,
.team-slider-one.owl-carousel .owl-nav button.owl-next,
.blog-slider-one.owl-carousel .owl-nav button.owl-prev,
.blog-slider-one.owl-carousel .owl-nav button.owl-next {
width: 38px;
height: 38px;
}
.vehicle-slider-one.owl-carousel .owl-nav button.owl-prev i, .vehicle-slider-one.owl-carousel .owl-nav button.owl-next i,
.course-slider-one.owl-carousel .owl-nav button.owl-prev i,
.course-slider-one.owl-carousel .owl-nav button.owl-next i,
.team-slider-one.owl-carousel .owl-nav button.owl-prev i,
.team-slider-one.owl-carousel .owl-nav button.owl-next i,
.blog-slider-one.owl-carousel .owl-nav button.owl-prev i,
.blog-slider-one.owl-carousel .owl-nav button.owl-next i {
font-size: 16px;
}
.vehicle-slider-one.owl-carousel .owl-nav button.owl-prev,
.course-slider-one.owl-carousel .owl-nav button.owl-prev,
.team-slider-one.owl-carousel .owl-nav button.owl-prev,
.blog-slider-one.owl-carousel .owl-nav button.owl-prev {
left: -45px;
}
.vehicle-slider-one.owl-carousel .owl-nav button.owl-next,
.course-slider-one.owl-carousel .owl-nav button.owl-next,
.team-slider-one.owl-carousel .owl-nav button.owl-next,
.blog-slider-one.owl-carousel .owl-nav button.owl-next {
right: -45px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.breadcrumb-title h2,
.section-title h2,
.content-title h2 {
font-size: 38px;
}
.hero-wrap.style1 .hero-img-wrap .hero-promo-text {
padding: 35px 40px;
}
.hero-wrap.style1 .hero-content h1 {
font-size: 56px;
}
.hero-wrap.style2 .hero-slide-item:after {
background: -webkit-gradient(linear, left top, right top, color-stop(30%, rgba(1, 23, 80, 0.98)), color-stop(80%, rgba(1, 23, 80, 0.38)), color-stop(71%, rgba(1, 23, 80, 0.2)));
background: linear-gradient(90deg, rgba(1, 23, 80, 0.98) 30%, rgba(1, 23, 80, 0.38) 80%, rgba(1, 23, 80, 0.2) 71%);
}
.hero-wrap.style2 .hero-slide-item .hero-content {
padding: 140px 0 175px;
}
.hero-wrap.style2 .hero-slide-item .hero-content p {
max-width: 85%;
}
.hero-wrap.style3 .container-fluid {
padding: 0;
}
.hero-wrap.style3 .container-fluid .hero-content-wrap {
padding: 130px 0 150px;
}
.hero-wrap.style3 .container-fluid .hero-content-wrap .hero-content {
padding-left: 50px;
padding-right: calc((100% - 460px) /2 + 10px);
}
.hero-wrap.style3 .container-fluid .hero-content-wrap .hero-content h1 {
font-size: 50px;
}
.hero-wrap.style3 .container-fluid .hero-content-wrap .hero-content p {
max-width: 92%;
}
.hero-img-slider.owl-carousel .owl-nav {
left: calc((100% - 520px) /2 + 10px);
}
.hero-img-slider.owl-carousel .owl-nav button.owl-prev, .hero-img-slider.owl-carousel .owl-nav button.owl-next {
width: 40px;
height: 40px;
}
.hero-img-slider.owl-carousel .owl-nav button.owl-prev i, .hero-img-slider.owl-carousel .owl-nav button.owl-next i {
font-size: 15px;
}
.why-choose-wrap.style1 .wh-img-wrap .wh-promo-video .wh-promo-video-bg .play-text {
left: 15px;
}
}
@media only screen and (min-width: 1600px) {
.breadcrumb-title h2,
.section-title h2,
.content-title h2 {
font-size: 44px;
}
.breadcrumb-wrap .container {
max-width: 1520px;
margin: 0 auto;
}
.hero-wrap .container {
max-width: 1520px;
}
.hero-wrap .hero-content h1 {
font-size: 70px;
}
.hero-wrap .hero-content p {
max-width: 85%;
}
.hero-wrap.style3 .container-fluid {
padding: 0;
}
.hero-wrap.style3 .container-fluid .hero-content-wrap {
padding: 130px 0 150px;
}
.hero-wrap.style3 .container-fluid .hero-content-wrap .hero-content {
padding-left: 50px;
padding-right: calc((100% - 555px) /2 + 10px);
}
.hero-wrap.style3 .container-fluid .hero-content-wrap .hero-content h1 {
font-size: 61px;
}
.hero-wrap.style3 .container-fluid .hero-content-wrap .hero-content p {
max-width: 85%;
}
.hero-slider-one.owl-carousel .owl-nav {
-webkit-transition: 0.4s;
transition: 0.4s;
}
.hero-slider-one.owl-carousel .owl-nav .owl-prev,
.hero-slider-one.owl-carousel .owl-nav .owl-next {
width: 40px;
height: 40px;
}
.hero-slider-one.owl-carousel .owl-nav .owl-prev i,
.hero-slider-one.owl-carousel .owl-nav .owl-next i {
font-size: 16px;
}
.hero-slider-one.owl-carousel .owl-nav .owl-prev {
left: 10px;
}
.hero-slider-one.owl-carousel .owl-nav .owl-next {
right: 10px;
}
.hero-img-slider.owl-carousel .owl-nav {
left: calc((100% - 712px) /2 + 10px);
}
.book-course-wrap .container {
max-width: 1520px;
}
.promo-video-wrap .container-fluid {
padding-left: calc((100% - 1520px) /2 + 10px);
padding-right: 0;
}
.vehicle-slider-one.owl-carousel .owl-nav button.owl-prev, .vehicle-slider-one.owl-carousel .owl-nav button.owl-next,
.course-slider-one.owl-carousel .owl-nav button.owl-prev,
.course-slider-one.owl-carousel .owl-nav button.owl-next,
.team-slider-one.owl-carousel .owl-nav button.owl-prev,
.team-slider-one.owl-carousel .owl-nav button.owl-next,
.blog-slider-one.owl-carousel .owl-nav button.owl-prev,
.blog-slider-one.owl-carousel .owl-nav button.owl-next {
width: 55px;
height: 55px;
}
.vehicle-slider-one.owl-carousel .owl-nav button.owl-prev i, .vehicle-slider-one.owl-carousel .owl-nav button.owl-next i,
.course-slider-one.owl-carousel .owl-nav button.owl-prev i,
.course-slider-one.owl-carousel .owl-nav button.owl-next i,
.team-slider-one.owl-carousel .owl-nav button.owl-prev i,
.team-slider-one.owl-carousel .owl-nav button.owl-next i,
.blog-slider-one.owl-carousel .owl-nav button.owl-prev i,
.blog-slider-one.owl-carousel .owl-nav button.owl-next i {
font-size: 20px;
}
}
@media only screen and (min-width: 1920px) {
.breadcrumb-wrap .container {
max-width: 1620px;
margin: 0 auto;
}
.hero-wrap .container {
max-width: 1620px;
}
.hero-wrap.style2 .hero-content h1 {
font-size: 74px;
}
.hero-wrap.style2 .hero-content p {
max-width: 78%;
}
.hero-slider-one.owl-carousel .owl-nav .owl-prev,
.hero-slider-one.owl-carousel .owl-nav .owl-next {
width: 60px;
height: 60px;
}
.hero-slider-one.owl-carousel .owl-nav .owl-prev i,
.hero-slider-one.owl-carousel .owl-nav .owl-next i {
font-size: 20px;
}
.hero-slider-one.owl-carousel .owl-nav .owl-prev {
left: calc((100% - 1520px) /2 - 115px);
}
.hero-slider-one.owl-carousel .owl-nav .owl-next {
right: calc((100% - 1520px) /2 - 115px);
}
.hero-img-slider.owl-carousel .owl-nav {
left: calc((100% - 660px) /2 + 10px);
}
.book-course-wrap .container {
max-width: 1620px;
}
}
/*# sourceMappingURL=responsive.css.map */