File: /home/alfouzantranspor/www/wp-content/themes/transportation-agency-pro/assets/css/media.css
/* ============================== Media CSS ================================= */
@media screen and (max-width: 1550px) and (min-width: 1400px) {
.testimonial-slider button.slick-prev {
left: -50px;
}
.testimonial-slider button.slick-next{
right: -50px !important;
}
.testimonial-slider button svg{
height: 20px;
width: 20px;
}
.testimonial-slider button.slick-next, .testimonial-slider button.slick-prev{
width: 50px;
height: 50px;
}
.transportation-blog-sec .container{
padding-top: 24% !important;
}
.page-template-about-us .transportation-blog-sec .container{
padding-top: 2% !important;
}
body .transportation-slider-sec {
margin-top: -13%;
}
}
@media screen and (max-width: 1399px) and (min-width: 1300px) {
.testimonial-slider button.slick-prev {
left: -50px;
}
.testimonial-slider button.slick-next{
right: -50px !important;
}
.testimonial-slider button svg{
height: 20px;
width: 20px;
}
.testimonial-slider button.slick-next, .testimonial-slider button.slick-prev{
width: 50px;
height: 50px;
}
.transportation-blog-sec .container{
padding-top: 24% !important;
}
.page-template-about-us .transportation-blog-sec .container{
padding-top: 2% !important;
}
body .transportation-slider-sec {
margin-top: -13%;
}
}
@media screen and (max-width: 1299px) and (min-width: 1200px) {
/* .testimonial-slider button.slick-prev {
left: -50px;
}
.testimonial-slider button.slick-next{
right: -50px !important;
} */
.testimonial-slider button.slick-prev {
left: 0px !important;
}
.testimonial-slider button.slick-next{
right: 0 !important;
}
.testimonial-slider button svg{
height: 20px;
width: 20px;
}
.testimonial-slider button.slick-next, .testimonial-slider button.slick-prev{
width: 50px;
height: 50px;
}
.transportation-blog-sec .container{
padding-top: 25% !important;
}
.page-template-about-us .transportation-blog-sec .container{
padding-top: 2% !important;
}
body .transportation-slider-sec {
margin-top: -13%;
}
}
@media screen and (max-width: 1199px) and (min-width: 1100px) {
.transportation-blog-sec .container{
padding-top: 34% !important;
}
.page-template-about-us .transportation-blog-sec .container{
padding-top: 2% !important;
}
}
@media screen and (max-width: 1099px) and (min-width: 1024px) {
.transportation-blog-sec .container{
padding-top: 37% !important;
}
.page-template-about-us .transportation-blog-sec .container{
padding-top: 2% !important;
}
}
@media screen and (max-width: 1399px) and (min-width: 1200px) {
.transportation-about-us-right-col {
padding-left: 25px;
}
}
@media screen and (max-width: 1199px) and (min-width: 1024px) {
.single-blog-page .post-info .author-col {
flex-basis: 30% !important;
}
.transportation-about-us-right-col {
padding-left: 25px;
}
.testimonial-slider button.slick-prev {
left: -30px;
}
.testimonial-slider button.slick-next{
right: -30px !important;
}
.testimonial-slider button svg{
height: 20px;
width: 20px;
}
.testimonial-slider button.slick-next, .testimonial-slider button.slick-prev{
width: 40px;
height: 40px;
}
body .transportation-slider-sec{
margin-top: -15%;
}
.transportation-about-us-year-box h2 {
font-size: 20px;
}
.transportation-about-us-right-col h2.stk-block-heading__text{
font-size: 35px !important;
}
.transportation-about-us-right-col h6{
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
.transportation-about-us-sec .transportation-about-us-gmrow {
margin-top: 2%;
}
.testimonial-slider .slick-slide .uagb-tm__author-name{
font-size: 20px;
}
.transportation-pricing-section .pricing-plan-card p.stk-block-text__text{
font-size: 15px !important;
}
.transportation-service-home-page-sec .o-posts-grid-post h5,
.transportation-service-sec .o-posts-grid-post-body h5{
font-size: 20px;
}
.transportation-search-form-sec .btn input{
font-size: 18px;
}
.transportation-topbar-sec .topbar-mail .stk-row::after{
right: 1%;
}
}
@media screen and (max-width: 1023px) and (min-width: 992px) {
.single-blog-page .post-info .author-col {
flex-basis: 30% !important;
}
header.default-header.wp-block-template-part {
top: 53px;
}
.transportation-about-us-right-col {
padding-left: 25px;
}
.testimonial-slider button.slick-prev {
left: -30px;
}
.testimonial-slider button.slick-next{
right: -30px !important;
}
.testimonial-slider button svg{
height: 20px;
width: 20px;
}
.testimonial-slider button.slick-next, .testimonial-slider button.slick-prev{
width: 40px;
height: 40px;
}
body .transportation-slider-sec{
margin-top: -16%;
}
.transportation-header-sec figure img{
height: 125px;
}
.transportation-about-us-year-box h2 {
font-size: 20px;
}
.transportation-about-us-right-col h2.stk-block-heading__text{
font-size: 35px !important;
}
.transportation-about-us-right-col h6{
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
.transportation-about-us-sec .transportation-about-us-gmrow {
margin-top: 2%;
}
.testimonial-slider .slick-slide .uagb-tm__author-name{
font-size: 20px;
}
.transportation-pricing-section .pricing-plan-card p.stk-block-text__text{
font-size: 15px !important;
}
.transportation-service-home-page-sec .o-posts-grid-post h5,
.transportation-service-sec .o-posts-grid-post-body h5{
font-size: 20px;
}
.transportation-search-form-sec .btn input{
font-size: 18px;
}
.testimonial-slider button.slick-next, .testimonial-slider button.slick-prev{
display: none !important;
}
.transportation-blog-sec .container{
padding-top: 31% !important;
}
.page-template-about-us .transportation-blog-sec .container{
padding-top: 2% !important;
}
/* .transportation-header-sec .transportation-topbar-sec{
padding: 2px 0 3px 0;
} */
.banner-section .banner-content {
padding: 1% 0;
}
.banner-section .breadcrumds{
margin-top: 10px !important;
}
}
@media screen and (max-width: 782px) and (min-width: 768px) {
.admin-bar .mtsnb.mtsnb-fixed.mtsnb-top {
top: 34px;
}
}
@media screen and (max-width: 767px) and (min-width: 601px) {
body.admin-bar header {
top: 58px;
}
}
@media screen and (max-width: 991px) and (min-width: 768px) {
.blog-sec-grid .uagb-post__inner-wrap:nth-child(2) .uagb-post__image img {
height: 210px !important;
}
.bolg-sec-col-two .wp-block-uagb-post-grid {
grid-template-columns: repeat(1, minmax(0, 2fr)) !important;
margin-bottom: 20px;
}
.footer-text h4{
text-align: center;
justify-content: center;
}
.wp-block-columns.footer-text {
justify-content: center;
}
.footer-text-nav {
justify-content: center;
}
.transportation-header-sec .social-icon-col .stk-button-group{
column-gap: 10px !important;
}
.transportation-header-sec .social-icon a::after{
right: -5px !important;
}
.transportation-topbar-sec .topbar-mail .stk-row::after{
right: 2%;
}
.transportation-header-topbar-sec nav ul{
column-gap: 30px;
}
.transportation-header-topbar-sec .blank{
display: none;
}
body .transportation-slider-sec{
margin-top: -20%;
}
.transportation-slider-sec .slider-content .wp-block-column{
max-width: 100%;
flex-basis: 100% !important;
}
.transportation-header-sec .site-logo{
flex-basis: 20% !important;
max-width: 20%;
}
.transportation-header-sec .topbar-header{
flex-basis: 80% !important;
max-width: 100%;
width: 100%;
}
.transportation-header-sec figure img{
height: 110px;
}
.transportation-header-sec .transportation-topbar-sec{
padding: 5px 0 5px 0;
}
.transportation-header-sec .transportation-header-topbar-sec nav {
padding: 5px 0px 5px 10px;
}
.transportation-header-sec.sticky .transportation-header-topbar-sec nav{
padding: 20px 0px 20px 10px;
}
.transportation-header-sec.sticky figure img {
width: 100%;
height: 90px;
}
.transportation-slider-sec .wp-block-cover{
min-height: 750px !important;
padding: 0;
}
.transportation-search-form-sec .btn input{
padding: 11px 7px;
font-size: 14px;
}
.transportation-search-form-sec .row-one select, .transportation-search-form-sec .date input, .transportation-search-form-sec .time input{
padding: 13px 7px;
font-size: 16px;
}
.transportation-service-home-page-sec .is-grid {
grid-template-columns: repeat(2, 1fr) !important;
}
.transportation-gallery-sec .transportation-gallery{
grid-template-columns: repeat(9, 1fr);
grid-template-rows: repeat(4,250px);
}
.transportation-gallery-sec .transportation-gallery .wp-block-image:nth-child(1) {
grid-row-start: 1;
grid-row-end: 1;
grid-column-start: 1;
grid-column-end: 10;
}
.transportation-gallery-sec .transportation-gallery .wp-block-image:nth-child(2) {
grid-row-start: 2;
grid-row-end: 2;
grid-column-start: 1;
grid-column-end: 4;
}
.transportation-gallery-sec .transportation-gallery .wp-block-image:nth-child(3) {
grid-row-start: 2;
grid-row-end: 2;
grid-column-start: 4;
grid-column-end: 7;
}
.transportation-gallery-sec .transportation-gallery .wp-block-image:nth-child(4) {
grid-row-start: 2;
grid-row-end: 2;
grid-column-start: 7;
grid-column-end: 10;
}
.transportation-gallery-sec .transportation-gallery .wp-block-image:nth-child(5) {
grid-row-start: 3;
grid-row-end: 3;
grid-column-start: 1;
grid-column-end: 4;
}
.transportation-gallery-sec .transportation-gallery .wp-block-image:nth-child(6) {
grid-row-start: 3;
grid-row-end: 3;
grid-column-start: 4;
grid-column-end: 7;
}
.transportation-gallery-sec .transportation-gallery .wp-block-image:nth-child(7) {
grid-row-start: 3;
grid-row-end: 3;
grid-column-start: 7;
grid-column-end: 10;
}
.transportation-gallery-sec .transportation-gallery .wp-block-image:nth-child(8) {
grid-row-start: 4;
grid-row-end: 4;
grid-column-start: 1;
grid-column-end: 10;
}
.transportation-about-us-sec .about-us-sec-content-row{
display: block;
}
.transportation-about-us-sec .transportation-about-us-img-col img{
width: 100%;
}
.transportation-about-us-sec .transportation-about-us-img-col,
.transportation-about-us-sec .transportation-about-us-right-col{
width: 100%;
max-width: 100%;
min-width: 100%;
flex-basis: 100% !important;
}
.transportation-about-us-sec .transportation-about-us-right-col{
padding-top: 15px;
}
.transportation-about-us-sec .transportation-about-us-year-box{
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
right: unset;
}
.transportation-about-us-gmrow .about-us-sec-img-text,
.transportation-about-us-gmrow .transportation-about-us-gm-sign{
max-width: 50%;
flex-basis: 50% !important;
}
.transportation-our-place-sec .our-place-row{
display: block;
}
.transportation-our-place-sec .our-places-col{
padding-top: 15px;
}
.testimonial-slider button.slick-next, .testimonial-slider button.slick-prev{
display: none !important;
}
.transportation-pricing-section .pricing-sec-content{
position: unset;
margin-top: -438px;
}
.pricing-sec-content .pricing-plan-row{
display: block;
}
.pricing-plan-row .pricing-plan-col:nth-child(1),
.pricing-plan-row .pricing-plan-col:nth-child(2){
max-width: 49%;
flex-basis: 49%;
display: inline-block;
}
.pricing-plan-row .pricing-plan-col:nth-child(3){
max-width: 50%;
flex-basis: 50%;
margin: 25px auto 10px auto;
}
.pricing-plan-row .pricing-plan-col:nth-child(1){
margin: 0px 5px 0px 0px;
}
.pricing-plan-row .pricing-plan-col:nth-child(2){
margin: 0px 0px 0px 5px;
}
.transportation-blog-sec .container{
padding-top: 2% !important;
}
.transportation-blog-sec .bolg-sec-col-row{
display: block;
}
.bolg-sec-col-row .bolg-sec-col:nth-child(1){
margin-bottom: 20px;
}
.transportation-blog-sec .bolg-sec-col .blog-sec-grid article:nth-child(2) h4,
.transportation-blog-sec .bolg-sec-col .blog-sec-grid article:nth-child(2) .wp-block-button{
position: unset;
margin-top: 0;
}
.transportation-blog-sec .bolg-sec-col .blog-sec-grid article:nth-child(2) h4 a {
color: #FF131D !important;
}
.transportation-blog-sec .bolg-sec-col .blog-sec-grid article:nth-child(2) .wp-block-button a{
background-color: unset !important;
color: #0C1830 !important;
font-size: unset;
padding: unset!important;
}
.transportation-blog-sec .bolg-sec-col .blog-sec-grid article:nth-child(2) .uagb-post__image a img {
height: auto;
opacity: 1;
}
.transportation-blog-sec .bolg-sec-col .blog-sec-grid article:nth-child(2) .uagb-post__image {
padding-bottom: 15px;
}
.transportation-blog-sec .bolg-sec-col .blog-sec-grid article:nth-child(2) .uagb-post-grid-byline, .transportation-blog-sec .bolg-sec-col .blog-sec-grid article:nth-child(2) .uagb-post__excerpt {
display: block;
}
.bolg-sec-col-two .blog-sec-grid{
display: none;
}
.transportation-footer-sec .footer-row{
gap: 15px;
row-gap: 25px;
}
.transportation-footer-sec .footer-row .footer-col-one,
.transportation-footer-sec .footer-row .footer-col-two,
.transportation-footer-sec .footer-col-three{
flex-basis: 48%!important;
max-width: 50%;
padding: 0 !important;
}
.transportation-footer-sec .footer-col-one .stk-block-heading{
margin-top: 10px !important;
}
.banner-section .banner-content {
padding: 1% 0;
}
.banner-section .breadcrumds{
margin-top: 10px !important;
}
.transportation-service-sec .is-grid {
grid-template-columns: repeat(2, 1fr) !important;
}
.transportation-contact-page .contact-page-row{
display: block;
}
.transportation-contact-page .contact-page-left-col,
.transportation-contact-page .contact-page-right-col{
max-width: 100% !important;
flex-basis: 100% !important;
}
.transportation-contact-page .contact-page-right-col{
padding: 3% 0% 0% 0% !important;
}
.booking-row .img-col{
display: none;
}
.booking-row .form-col{
max-width: 100%;
flex-basis: 100% !important;
}
.place-pricing-content .place-pricing-row{
display: block;
}
.place-pricing-row .place-pricing-col{
width: 48%;
}
.place-pricing-row .place-pricing-col:nth-child(1),
.place-pricing-row .place-pricing-col:nth-child(2){
display: inline-block;
}
.place-pricing-row .place-pricing-col:nth-child(1){
margin-right: 8px;
}
.place-pricing-row .place-pricing-col:nth-child(2){
margin-left: 8px;
}
.place-pricing-row .place-pricing-col:nth-child(3){
margin: 15px auto;
}
.single-place .wp-block-column.post-img-col{
flex-basis: 62% !important;
max-width: 65%;
}
.single-place .wp-block-column.place-gallery{
flex-basis: 35% !important;
max-width: 35%;
}
.location-row .location-info{
order: 2;
}
.location-row .location.map{
order: 1;
}
.single-blog-page .post-info .post-content P{
font-size: 16px;
line-height: 35px;
}
.single-blog-page .pagination .wp-block-column,
.post-info .category-social-icon .blog-category,
.post-info .category-social-icon .social-icon-col{
flex-basis: 50%!important;
max-width: 50%;
}
.single-blog-page .post-comment,
.single-blog-page .post-info .post-form{
width: 80%;
}
.banner-section{
margin-top: -130px;
}
.single-place .single-place-form-row .single-place-form{
flex-basis: 40%!important;
max-width: 40%;
}
.single-place-post-content .single-place-form-row{
margin-bottom: 65px;
}
.search-page .result ul li{
max-width: 49%;
margin: 0;
}
.search-page .result ul li:nth-child(odd){
margin-right: 10px;
}
}
@media screen and (max-width: 991px) and (min-width: 783px) {
header.default-header.wp-block-template-part {
top: 53px;
}
}
@media screen and (max-width: 767px) {
.footer-text h4 {
text-align: center !important;
}
.slider-content h1.stk-block-heading__text {
font-size: 24px !important;
line-height: 30px !important;
}
.mtsnb-button-type a {
display: inline-block;
}
header .buy-now a {
padding: 3px 5px;
}
.transportation-slider-sec .wp-block-cover{
min-height: 500px !important;
}
.transportation-service-home-page-sec .is-grid {
grid-template-columns: repeat(1, 1fr) !important;
}
.transportation-service-home-page-sec .service-home-page-grid {
margin: 15% auto;
}
.transportation-about-us-sec .transportation-about-us-img-col,
.transportation-about-us-sec .transportation-about-us-right-col {
width: 100%;
max-width: 100%;
}
.transportation-about-us-sec .transportation-about-us-img-col img{
width: 100%;
}
.transportation-about-us-sec .transportation-about-us-year-box{
width: 35%;
right: unset;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.transportation-about-us-gmrow .about-us-sec-img-text .wp-block-group{
justify-content: center;
}
.transportation-about-us-gmrow .transportation-about-us-gm-sign{
margin-top: 15px;
}
.transportation-our-place-sec .our-place-sec-sub-title{
padding-bottom: 0 !important;
}
.transportation-our-place-sec .our-place-sec-sub-title h4{
font-size: 30px !important;
line-height: 35px !important;
}
.testimonial-slider button.slick-next, .testimonial-slider button.slick-prev{
display: none !important;
}
.transportation-pricing-section .pricing-sec-content {
position: unset;
margin-top: -428px;
}
.transportation-blog-sec .container{
padding-top: 5% !important;
}
.page-template-about-us .transportation-blog-sec .container{
padding-top: 2% !important;
}
.transportation-blog-sec .bolg-sec-col .blog-sec-grid article:nth-child(2) h4,
.transportation-blog-sec .bolg-sec-col .blog-sec-grid article:nth-child(2) .wp-block-button{
position: unset;
margin-top: 0;
}
.transportation-blog-sec .bolg-sec-col .blog-sec-grid article:nth-child(2) h4 a {
color: #FF131D !important;
}
.transportation-blog-sec .bolg-sec-col .blog-sec-grid article:nth-child(2) .wp-block-button a{
background-color: unset !important;
color: #0C1830 !important;
font-size: unset;
padding: unset!important;
}
.transportation-blog-sec .bolg-sec-col .blog-sec-grid article:nth-child(2) .uagb-post__image a img {
height: auto;
opacity: 1;
}
.transportation-blog-sec .bolg-sec-col .blog-sec-grid article:nth-child(2) .uagb-post__image {
padding-bottom: 15px;
}
.transportation-blog-sec .bolg-sec-col .blog-sec-grid article:nth-child(2) .uagb-post-grid-byline, .transportation-blog-sec .bolg-sec-col .blog-sec-grid article:nth-child(2) .uagb-post__excerpt {
display: block;
}
.transportation-blog-sec .bolg-sec-col .blog-sec-grid article:nth-child(2){
padding-bottom: 20px;
}
.bolg-sec-col-two .blog-sec-grid{
display: none;
}
.bolg-sec-col-row .bolg-sec-col:nth-child(1){
order: 1;
}
.bolg-sec-col-row .bolg-sec-col:nth-child(2){
order: 2;
}
.bolg-sec-col-row .bolg-sec-col-two{
order: 3;
}
.transportation-footer-sec .footer-col-one,
.transportation-footer-sec .footer-col-two{
padding: 0 !important;
}
.transportation-footer-sec .footer-col-one figure{
text-align: center;
}
.transportation-footer-sec nav ul{
margin: 0 auto;
}
.transportation-footer-sec .footer-address,
.transportation-footer-sec .footer-mail,
.transportation-footer-sec .footer-call,
.transportation-footer-sec .footer-text-nav{
justify-content: center;
}
.transportation-footer-sec .footer-text .stk-block-content{
align-items: start;
width: fit-content;
margin: 0 auto;
}
.transportation-footer-sec .footer-text .wp-block-stackable-icon{
margin-top: 5px !important;
}
.transportation-footer-sec .footer-text .footer-icon .stk-inner-blocks{
margin-right: 0;
}
.transportation-service-sec .is-grid {
grid-template-columns: repeat(1, 1fr) !important;
}
.transportation-faq-page.container {
margin: 10% auto;
}
.page-404 .error-text{
max-width: 100% !important;
}
.transportation-contact-page .contact-page-right-col{
padding: 3% 0% 0% 0% !important;
}
.contact-page-left-col .contact-page-mail,
.contact-page-left-col .contact-page-call{
justify-content: center;
}
.service_description .right,
.service_description .service_benefit{
text-align: center;
}
.service_description .right{
order: 1;
}
.service_description .left{
order: 2;
}
.booking-row .img-col,
.transportation-header-sec .transportation-topbar-sec{
display: none;
}
.place-our-lounge .place-our-lounge-grid .is-grid{
grid-template-columns: repeat(1, 1fr) !important;
}
.place-our-lounge .place-our-lounge-grid .o-posts-grid-post-body{
text-align: center;
}
.location-info .location-call,
.location-info .location-email{
justify-content: center;
}
.single-place .post-title {
justify-content: center;
}
.single-place .post-title h2{
font-size: 30px !important;
}
.single-place .place-gallery{
margin-top: 15px;
}
.single-blog-page .single-post-image img{
height: 300px;
}
.single-blog-page .post-info{
margin-top: 0;
}
.admin-col .author-col,
.admin-col .post-date-col{
display: flex;
justify-content: center;
margin: 5px 0px;
}
.single-blog-page .post-info .post-content P{
font-size: 16px;
line-height: 30px;
text-align: center;
}
.single-blog-page .post-comment,
.single-blog-page .post-info .post-form{
width: 100%;
}
.single-blog-page .post-info .post-form{
padding: 20px;
}
.single-blog-page .post-info .post-form{
line-height: 25px;
}
.single-blog-page .post-form form p.form-submit{
text-align: center;
}
.post-info .category-social-icon .blog-category{
text-align: center;
padding-bottom: 15px;
}
.post-info .category-social-icon .social-icon-col{
margin-top: 15px;
display: flex;
justify-content: center;
}
.post-info .category-social-icon .social-icon-col .social-icon{
margin: 0 !important;
}
.more-info h3,
.single-blog-page .post-form h3.comment-reply-title,
.single-place-content .blog-main-content p,
.single-place .place-content .info{
text-align: center;
}
.blog-inner-image .blog-left-img img, .blog-inner-image .blog-right-img img{
padding: 5px 0px;
}
.single-place-post-content .single-place-form-row{
position: unset;
}
.single-place-content .place-content .place-about-info ul li{
width: max-content;
margin: 0 auto;
}
.search-page .result ul li{
max-width: 100%;
margin: 0;
}
.result .wp-block-group .wp-block-columns{
text-align: center;
}
}
@media screen and (max-width: 781px) and (min-width: 767px) {
.footer-text h4 {
text-align: center !important;
}
}
@media screen and (max-width: 767px) and (min-width: 600px) {
.transportation-header-sec .transportation-header-topbar-sec nav {
padding: 17px 0px 17px 20px;
}
.transportation-gallery-sec .transportation-gallery{
grid-template-rows: repeat(4,300px);
}
.transportation-gallery-sec .transportation-gallery .wp-block-image:nth-child(1) {
grid-row-start: 1;
grid-row-end: 1;
grid-column-start: 1;
grid-column-end: 7;
}
.transportation-gallery-sec .transportation-gallery .wp-block-image:nth-child(2) {
grid-row-start: 1;
grid-row-end: 1;
grid-column-start: 7;
grid-column-end: 10;
}
.transportation-gallery-sec .transportation-gallery .wp-block-image:nth-child(3) {
grid-row-start: 2;
grid-row-end: 2;
grid-column-start: 1;
grid-column-end: 4;
}
.transportation-gallery-sec .transportation-gallery .wp-block-image:nth-child(4) {
grid-row-start: 2;
grid-row-end: 2;
grid-column-start: 4;
grid-column-end: 10;
}
.transportation-gallery-sec .transportation-gallery .wp-block-image:nth-child(5) {
grid-row-start: 3;
grid-row-end: 3;
grid-column-start: 1;
grid-column-end: 7;
}
.transportation-gallery-sec .transportation-gallery .wp-block-image:nth-child(6) {
grid-row-start: 3;
grid-row-end: 3;
grid-column-start: 7;
grid-column-end: 10;
}
.transportation-gallery-sec .transportation-gallery .wp-block-image:nth-child(7) {
grid-row-start: 4;
grid-row-end: 4;
grid-column-start: 1;
grid-column-end: 7;
}
.transportation-gallery-sec .transportation-gallery .wp-block-image:nth-child(8) {
grid-row-start: 4;
grid-row-end: 4;
grid-column-start: 7;
grid-column-end: 10;
}
.wp-block-group .transportation-about-us-sec {
margin: 10% 0;
}
.transportation-about-us-sec .transportation-about-us-year-box{
width: 25%;
}
.transportation-header-sec .site-logo{
flex-basis: 20% !important;
max-width: 20%;
}
.transportation-header-sec .topbar-header{
flex-basis: 80% !important;
max-width: 80%;
}
/* .transportation-header-sec .topbar-header ul{
column-gap: 20px;
} */
.transportation-header-sec .topbar-header ul ul{
min-width: 150px;
width: 150px;
}
.transportation-header-sec figure{
margin: 0;
}
.transportation-header-sec figure img{
height: 70px;
}
.transportation-header-sec.sticky figure img {
width: 100%;
height: 70px;
}
.banner-section .breadcrumds{
margin-top: 10px !important;
}
.banner-section{
margin-top: -100px;
}
}
@media screen and (max-width: 599px) and (min-width: 576px) {
.transportation-header-sec .wp-block-column.site-logo{
max-width: 70%;
flex-basis: 70% !important;
}
.transportation-header-sec .wp-block-column.topbar-header{
max-width: 30%;
flex-basis: 30% !important;
}
.transportation-header-sec .topbar-header .transportation-topbar-sec{
display: none;
}
.transportation-header-sec figure{
margin-top: 0;
}
/* .transportation-header-sec figure img{
width: 70%;
height: 100px;
position: unset;
} */
/* .transportation-header-sec .transportation-header-topbar-sec nav{
padding: 30px 20px 10px 20px;
justify-content: end;
} */
}
@media screen and (max-width: 767px) and (min-width: 576px) {
.footer-col-three ul li {
margin: 0 auto;
}
.footer-text h4{
text-align: center;
}
.transportation-header-sec .topbar-header ul {
column-gap: 10px;
}
/* .buy-now a {
padding: 3px 0px;
} */
}
@media screen and (max-width: 475px) {
/* .transportation-header-sec {
padding: 15px 0;
} */
}
@media screen and (max-width: 600px) {
.mtsnb.mtsnb-fixed.mtsnb-top {
top: 0;
}
#wpadminbar {
position: absolute;
top: -46px;
}
.admin-bar .transportation-header-sec.sticky {
top: 104px;
}
}
@media screen and (max-width: 599px) {
.transportation-search-form-sec .row-one .date p,
.transportation-search-form-sec .row-one .time p,
.transportation-search-form-sec .row-one .btn p {
margin: 0px 0px 15px 0;
}
body .transportation-slider-sec {
margin-top: -8%;
}
.transportation-gallery-sec .transportation-gallery{
grid-template-rows: repeat(4,300px);
}
.transportation-gallery-sec .transportation-gallery .wp-block-image:nth-child(1){
grid-row-start: 1;
grid-row-end: 1;
}
.transportation-gallery-sec .transportation-gallery .wp-block-image:nth-child(2){
grid-row-start: 2;
grid-row-end: 2;
}
.transportation-gallery-sec .transportation-gallery .wp-block-image:nth-child(3){
grid-row-start: 3;
grid-row-end: 3;
}
.transportation-gallery-sec .transportation-gallery .wp-block-image:nth-child(4){
grid-row-start: 4;
grid-row-end: 4;
}
.transportation-gallery-sec .transportation-gallery .wp-block-image:nth-child(1),
.transportation-gallery-sec .transportation-gallery .wp-block-image:nth-child(2),
.transportation-gallery-sec .transportation-gallery .wp-block-image:nth-child(3),
.transportation-gallery-sec .transportation-gallery .wp-block-image:nth-child(4){
grid-column-start: 1;
grid-column-end: 10;
}
.transportation-gallery-sec .transportation-gallery .wp-block-image:nth-child(5),
.transportation-gallery-sec .transportation-gallery .wp-block-image:nth-child(6),
.transportation-gallery-sec .transportation-gallery .wp-block-image:nth-child(7),
.transportation-gallery-sec .transportation-gallery .wp-block-image:nth-child(8){
display: none;
}
.wp-block-group .transportation-about-us-sec {
margin: 15% 0;
}
.transportation-header-topbar-sec .has-modal-open{
background-color: #FF131D !important;
color: #fff !important;
}
.transportation-header-topbar-sec .has-modal-open ul{
margin-left: 20px;
row-gap: 20px !important;
}
.transportation-header-topbar-sec .has-modal-open ul ul{
padding-left: 10px !important;
row-gap: 20px;
margin-left: 0 !important;
padding-top: 15px !important;
}
.has-black-color.wp-block-navigation-item.wp-block-navigation-link.home{
color: #fff !important;
}
.our-places-col .o-posts-grid-post-body .o-posts-grid-post-description,
.our-places-col .o-posts-grid-post-body .o-posts-grid-post-title{
text-align: center;
}
.banner-section .wp-block-cover{
align-items: center;
}
.banner-section{
margin-top: -28px;
}
}
@media screen and (max-width: 575px) {
.footer-address, .footer-mail, .footer-call {
align-items: center !important;
gap: 10px;
flex-wrap: wrap !important;
}
.footer-text h4{
text-align: center;
}
.footer-address h6 {
text-align: center;
}
.footer-col-three nav ul li {
margin: 0 auto;
}
}
@media screen and (max-width: 340px) and (min-width: 320px){
.transportation-service-home-page-sec .is-grid {
overflow: hidden;
}
.transportation-service-home-page-sec .o-posts-grid-post {
padding: 30px 20px 30px 15px;
}
.transportation-about-us-sec .transportation-about-us-year-box h2{
font-size: 18px;
}
.transportation-footer-sec nav ul ul{
min-width: 180px !important;
}
.transportation-service-sec .o-posts-grid-post {
padding: 30px 18px 30px 18px;
}
}