/****************************************/
/***       24. Responsive css   	  ***/
/****************************************/

@media only screen and (max-width: 1025px){
     .brand-slider{
            position: relative;
            width: 80% !important;
            margin: 0 auto;
        }
    .main-menu ul li{
        margin: 0 10px;
    }
    .main-menu ul li a{font-size: 14px;}
    .navbar .main-menu ul li{margin: 0 8px;}

    .hero-content{
        padding: 0;
    }

    .project-slider{
        position: relative;
        width: 900px;
        margin: 0 auto;
    }

    .navbar-brand img {
    width: 300px;}
    .header-contact-us a h3 span {font-size: 12px;}
}

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

    #magic-cursor{
        display: none !important;
    }
    
    .btn-default{
        font-size: 16px;
    }

	.section-title{
        margin-bottom: 40px;
    }

    .section-title h2{
        font-size: 36px;
    }

	header.main-header .header-sticky{
		padding: 15px 0;
	}

	header.main-header .header-sticky.active .slicknav_menu{
		border-radius: 0;
	}

    .navbar.navbar-expand-lg{
        padding: 0px;
    }

    .navbar-toggle{
        display: block;
    }

    .navbar-expand-lg .navbar-collapse{
        display: none;
    }

    .header-contact-us{
        display: none;
    }

    .responsive-menu{
        display: block;
        position: relative;
        width: 100%;
        z-index: 100;
    }

    .hero{
        padding: 50px 0 150px;
    }

	.hero.hero-slider .hero-slider-layout .hero-slide{
		padding: 80px 0 180px;
	}

    .hero-content-title h1,
	.hero-content-title h2{
        font-size: 36px;
    }

    .cargo-shipment{
        margin-top: -120px;
    }

    .cargo-shipment-item{
        padding: 20px;
    }
    
    .cargo-shipment-content h3{
        font-size: 18px;
        margin-bottom: 10px;
    }

    .home-transportation{
        padding: 50px 0;
    }

	.home-transportation .section-title{
		width: 100%;
		max-width: 100%;
		margin-bottom: 20px;
		text-align: left;
	}

	.home-transportation-content{
		margin-right: 0px;
	}

    .home-transportation-right{
        max-width: 100%;
        width: 75%;
        margin: 0 auto;
        margin-bottom: 30px;
    }
    
    .transportation-counter-box{
        position: absolute;
        left: 40%;
        bottom: 9%;
    }
    
    .transportation-counter-box h3{
        font-size: 30px;
    }

    .our-service{
        padding: 50px 0;
    }

	.service-content-box{
		padding: 15px;
	}

    .our-service-title h2{
        font-size: 18px;
    }

    .our-service-content-button a i{
        font-size: 24px;
    }
    
    .our-contract{
        padding: 50px 0;
        background-size: cover;
    }

    .our-cta-box{
        max-width: 530px;
    }

    .our-contract-title h2{
        font-size: 26px;
    }

    .recent-project{
        padding: 50px 0 20px;
    }

    .project-slider{
        width: 660px;
        margin: 0 auto;
    }

    .client-button-prev{
        left: -6%;
    }
    
    .client-button-next{
        right: -6%;
    }

    .our-goals{
        padding: 50px 0 20px;
    }
    
    .our-goals-item{
        padding: 30px;
        margin-bottom: 30px;
    }
    
    .our-goals-counter h3{
        font-size: 36px;
    }

    .providing-service{
        padding: 50px 0 25px;
    }

    .providing-content{
        margin-left: 0px;
    }

    .providing-content .section-title{
        margin-bottom: 20px;
		max-width: 100%;
    }
    
    .Featured-Content-Box{
		text-align: center;
        margin-bottom: 30px;
    }

    .providing-content-body p{
        margin-bottom: 20px;
    }

    .latest-posts{
        padding: 25px 0 20px;
    }

    .post-body-meta ul li{
        margin-right: 20px;
    }

    .post-body h3 a{
        font-size: 18px;
    }

    .mega-footer{
        padding: 40px 0;
    }

    .mega-footer .row .col-md-6{
        padding-left: 15px;
    }

    .footer-about{
        margin-bottom: 30px;
    }

    .footer-links{
        width: 100%;
        margin-bottom: 30px;
    }

    .footer-heading h2{
        font-size: 18px;
    }

    .footer-social-link ul li{
        margin-right: 15px;
    }
    
    .footer-info-heading h2{
        font-size: 18px;
    }

    .page-header{
        padding: 50px 0;
    }

    .page-header-box h2{
        font-size: 36px;
        margin-bottom: 10px;
		letter-spacing: -0.02em;
    }

    .page-header-box ol.breadcrumb li{
        font-size: 18px;
    }
    
    .page-header-box ol.breadcrumb li:after{
        font-size: 18px;
    }

    .home-transportation.about-transportation{
        padding: 50px 0 25px;
    }

    .about-transport{
        padding: 25px 0 50px;
    }
    
    .transport-item{
        text-align: center;
        padding: 20px 10px;
    }

    .transport-content h3{
        font-size: 18px;
    }

    .our-indurstry{
        padding: 50px 0;
    }

    .indurstry-image{
        text-align: center;
        margin-bottom: 30px;
    }

	.our-indurstry-content{
		margin-left: 0px;
	}
    
    .indurstry-content{
        margin-left: 0;
    }

    .export-team{
        padding: 50px 0 20px;
    }

    .team-content h3 a{
        font-size: 18px;
    }

    .our-contract.about-us{
        padding: 0 0 40px;
        margin: 0;
    }

    .service-page{
        padding: 50px 0 20px;
    }

	.service-details{
        padding: 50px 0;
    }

    .service-details-content{
        margin-bottom: 30px;
        margin-right: 0px;
    }

    .service-details-body{
        margin-bottom: 30px;
    }

    .service-details-body h2{
        font-size: 22px;
        margin-bottom: 20px;
    }

    .service-details-body p{
        margin-bottom: 20px;
    }

    .post-widget-body .recent-post-item{
        margin-bottom: 20px;
    }
    
    .post-Category-list{
        margin-bottom: 30px;
    }

    .post-Category-list .footer-info-heading{
        margin-bottom: 20px;
    }
    
    .post-Category-list .footer-info-heading h2{
        font-size: 24px;
    }

    .post-Category-list ul li{
        font-size: 14px;
    }

    .logistics-card-title h2{
        font-size: 24px;
    }

    .logistics-card-body{
        display: flex;
        align-items: center;
        text-align: left;
        justify-content: center;
    }

    .logistics-card-body .header-contact-us{
        display: block;
    }

    .logistics-card-body a{
	    margin-right: 20px;
    } 

    .latest-posts.blog-page{
        padding: 50px 0;
    }

    .post-pagination{
		margin-top: 10px;
	}

    .page-single-post{
        padding: 50px 0;
    }

    .blog-detail-content{
        margin-right: 0px;
        margin-bottom: 30px;
    }

	.blog-detail-featured-image{
        margin-bottom: 30px;
    }

    .blog-detail-post-content h3{
        font-size: 20px;
    }
	
	.post-social-links{
		text-align: left;
		margin-top: 10px;
	}

	/* .blog-details{
        padding: 40px 0;
    } */
    
    .service-details-content .latest-posts-content-meta{
        margin-bottom: 20px;
    }

    .service-details-content .latest-posts-content-meta ul li h3{
        font-size: 14px;
        font-weight: 500;
    }

    .blog-details-post-widget{
        margin-bottom: 30px;
		padding: 30px;
    }

    .recent-post-feature-img{
        width: 20%;
    }
    
    .recent-post-feature-img img{
        border-radius: 10px;
	    aspect-ratio: 1/0.7;
        object-fit: cover;
    }
    
    .recent-post-content{
        width: 75%;
    }

    .get-in-touch{
        padding: 50px 0;
    }
    
    .get-quote{
        padding: 30px;
    }

    .get-quote .footer-info-heading h2{
        font-size: 24px;
    }
    
    .get-quote-content{
        margin-bottom: 20px;
    }

    .contact-us{
        padding: 30px;
    }
    
    .contact-us .footer-info-heading{
        margin-bottom: 30px;
    }
    
    .contact-us .footer-info-heading h2{
        font-size: 24px;
    }

    .contact-us-footer{
        display: block;
    }

    .topbar-social-links.contact-details{
        margin-bottom: 20px;
		text-align: left;
    }

    .contact-us-footer .header-contact-us{
        display: block;
    }

	.topbar-social-links ul{
		text-align: left;
	}

	.google-map-iframe{
        height: 450px;
    }

    .google-map-iframe iframe{
        height: 450px;
    }

    .google-map iframe{
        height: 450px;
    }

	.our-project{
        padding: 50px 0 20px;
    }

	.project-details{
        padding: 50px 0 30px;
    }
    
    .project-feature-image{
        margin-bottom: 30px;
    }

    .project-details-box{
        margin-bottom: 30px;
    }
    
    .project-details-content{
        padding: 20px;
    }
    
    .project-details-content h2{
        font-size: 14px;
    }
    
    .project-details-content p{
        font-size: 14px;
    }
    
    .project-details-entry{
        margin-bottom: 30px;
    }

    .project-details-title{
        margin-bottom: 30px;
    }
    
    .project-details-title h2{
        font-size: 36px;
    }
	
	.project-gallery-item{
		width: calc(50% - 10px);
		margin-right: 20px;
		margin-bottom: 20px;
	}

	.project-gallery-item:nth-child(2n + 2){
		margin-right: 0;
	}

    .page-faqs{
        padding: 50px 0;
    }

    .page-faqs .section-title{
        width: 100%;
    }

    .faq-accordion .accordion-item .accordion-button{
        font-size: 20px;
    }

    .faq-accordion .accordion-item .accordion-collapse .accordion-body p{
        font-size: 14px;
    }
    
    .page-not-found{
        padding: 50px 0;
    }    

    .page-not-found-box h2{
        width: 360px;
        margin: 0 auto;
        font-size: 36px;
        margin-bottom: 20px;
    }
        .brand-slider{
            position: relative;
            width: 80% !important;
            margin: 0 auto;
        }
.swiper-slide{display: flex !important; justify-content: center !important;}

}

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

.hero.hero-slider .hero-slider-layout .hero-slide .hero-content{
    position: relative;
    z-index: 2;
    width: 100%;
    max-width: 80%;
    margin: 0 auto;
}
.hero-content-title h1, .hero-content-title h2{font-size: 18px}
.hero-content-body p{font-size: 16px; line-height: 25px}

.testimonial-box {
    box-shadow: 0 0 10px var(--skyblue);
    overflow: hidden;
    border-radius: 20px;
    padding: 20px 20px;
    margin: 20px;
     height: 100%; 
}

    .topbar-social-links ul {
        text-align: center;
    }
    .navbar-brand {
        width: 82%;
    }
    .navbar-toggle {
        display: block;
        width: 34px;
    }
    .footer-links ul li{margin-bottom: 10px;}
    .footer-links ul li a,.footer-content p{font-size: 14px;}

    .footer-info-box p {font-size: 14px}
    
    .btn-default{
        font-size: 14px;
    }

	.section-title h2{
        font-size: 28px;
    }

	.section-title p{
		max-width: 100%;
	}

    .topbar{
        /*display: none;*/
        text-align: center;
        padding: 10px;
    }

	header.main-header .header-sticky{
        padding: 15px 0;
    }

	header.main-header .header-sticky.active{
		padding: 10px 0;
	}

    .header-contact-us .btn-default{
      display: none;
    }

    body{
        font-size: 16px;
    }

	.hero.hero-slider .hero-slider-layout .hero-slide{
		padding: 50px 0 150px;
	}

	.hero-slider-layout .hero-slide .hero-content{
		width: 100%;
		max-width: 100%;
	}

	.hero-slider-layout .swiper-pagination{
		bottom: 115px;
	}

    .hero-content{
        margin-bottom: 30px;
    }

    .hero-content-title h1,
	.hero-content-title h2{
        width: 100%;
        font-size: 26px;
        margin-bottom: 30px;
    }

    .cargo-shipment{
        padding: 0 10px;
        margin-top: 50px;
    }

    
    .cargo-shipment-content h3{
        font-size: 16px;
    }

    .home-transportation-right{        
        width: 100%;
        padding-bottom: 130px;
    }

    .transportation-img-1{
        width: 95%;
        margin-bottom: 20px;
    }

    .transportation-img-2{
        width: 55%;
    }

    .home-transportation-footer a{
        margin-right: 20px;
    }
    
    .transportation-counter-box{
        position: absolute;
        left: 24%;
        bottom: 18%;
        padding: 20px;
    }
    
    .transportation-counter-box h3{
        font-size: 24px;
    }

    .our-service .section-title::before{
        max-width: 80px;
    }

    .our-service-item{
        margin-bottom: 30px;
    }

    .our-service .col-md-4:nth-child(3n + 3) .our-service-item{
        margin-bottom: 0px;
    }

    .our-service-title h2{
        font-size: 18px;
    }
    
    .our-contract{
        padding: 40px 0;
    }

    .our-contract .contract-video{
        display: none;
    }

    .our-contract .video-play-button{
        display: none;
    }

    .our-cta-box{
        max-width: 100%;
        padding: 30px;
    }

    .our-contract-title h2{
        font-size: 22px;
    }

    .recent-project{
        padding: 40px 0 10px;
    }

    .project-slider{
        width: 280px;
    }

	.project-content{	
		bottom: 20px;
		left: 20px;
		right: 20px;
	}

    .project-content-title{
        padding: 15px;
    }
    
    .project-content-title h3{
        font-size: 16px;
    }
    
    .project-content-title i{
        font-size: 18px;
    }

    .client-button-prev{
        left: 4%;
    }
    
    .client-button-next{
        right: 4%;
    }

    .our-goals-item{
        padding: 30px;
        margin-bottom: 20px;
    }
    
    .our-goals-counter h3{
        font-size: 30px;
    }

    .providing-service{
        padding: 50px 0 25px;
    }

    .providing-item-box{
        display: block;
    }

    .providing-item{
		width: 100%;
		margin-bottom: 20px;
	}

    .post-body h3 a{
        font-size: 16px;
    }

    .post-meta ul li a{
        font-size: 14px;
    }

    .mega-footer{
        padding: 40px 0;
    }

    .footer-heading h2{
        font-size: 16px;
    }
    
    .footer-info-heading h2{
        font-size: 16px;
    }

    .footer-contact-info{
        margin-bottom: 30px;
    }

    .newsletters-content{
        margin-bottom: 20px;
    }

    .footer-copyright p{
        margin-bottom: 10px;
        text-align: center;
    }

    .footer-policy-links ul{
        text-align: center;
    }

    .page-header-box{
        text-align: center;
    }

    .page-header-box h2{
        font-size: 28px;
    }

    .page-header-box .breadcrumb{
        justify-content: center;
    }

    .page-header-box ol.breadcrumb li{
        font-size: 16px;
    }
    
    .page-header-box ol.breadcrumb li:after{
        font-size: 16px;
    }

    .about-transport .col-md-4{
        margin-bottom: 20px;
    }

    .about-transport .col-md-4:last-child{
        margin-bottom: 0;
    }
    
    .transport-item{
        padding: 0;
        border: none;
    }

    .transport-content h3{
        font-size: 16px;
    }

    .indurstry-content{
        display: block;
        margin: 20px 0 0;
    }

    .indurstry-content ul{
       margin-bottom: 20px;
       margin-right: 0px;
    }

    .indurstry-content ul li{
        width: 100%;
        font-size: 14px;
        margin-bottom: 15px;
    }

    .indurstry-content ul li i{
        font-size: 14px;
    }

    .team-item{
        margin-bottom: 20px;
    }

    .export-team .col-md-4:last-child .team-item{
        margin-bottom: 0;
    }

    .team-content h3 a{
        font-size: 16px;
    }

    .blog-detail-post-content h3{
        font-size: 18px;
    }

	.blog-detail-post-content{
		padding-bottom: 20px;
		margin-bottom: 20px;
	}

    .service-details-content{
        margin-bottom: 20px;
    }

    .service-details-body{
        margin-bottom: 20px;
    }    

    .service-details-body h2{
        font-size: 18px;
    }

    .service-info-box .icon-box{
        position: absolute;
        top: 5px;
        left: 0;
    }

    .service-details-footer{
        display: block;
        justify-content: space-between;
    }
    
    .service-details-image-box{
        width: 100%;
        margin-bottom: 20px;
    }

    .service-details-image-box:last-child{
        margin-bottom: 0;
    }
    
    .post-Category-list.blog-details-list{
		margin-bottom: 20px;
		padding: 20px;
	}

    .service-logistics-card{
        padding: 25px;
    }
    
    .post-Category-list .footer-info-heading h2{
        font-size: 22px;
    }

    .post-Category-list ul li a i{
        font-size: 18px;
    }

    .logistics-card-title h2{
        font-size: 22px;
    }

    .logistics-card-body{
        display: flex;
        align-items: center;
        text-align: left;
        justify-content: space-between;
    }

    .logistics-card-body a{
	    margin-right: 0px;
    } 
    
    .get-quote{
      margin-bottom: 20px;
    }

    .get-quote .footer-info-heading h2{
        font-size: 22px;
    }

    .contact-us .footer-info-heading h2{
        font-size: 22px;
    }

	.google-map-iframe{
		height: 350px;
	}

    .google-map-iframe iframe{
        height: 350px;
    }

    .google-map iframe{
        height: 350px;
    }

    .blog-details-content-meta{
        margin-bottom: 20px;
    }

    .blog-details-content-meta ul li{
        margin-right: 15px;
    }

    .blog-details-post-widget{
        padding: 20px;
    }
    
    .recent-post-feature-img{
        width: 35%;
    }
    
    .recent-post-content{
        width: 60%;
    }

    .recent-post-content .post-readmore a{
        font-size: 14px;
    }

	.project-feature-image{
        margin-bottom: 30px;
    }

    .project-feature-image img{
        height: 150px;
    }

    .project-details-box{
        margin-bottom: 0px;
    }
    
    .project-details-content{
		height: calc(100% - 30px );
		margin-bottom: 30px;
        padding: 20px; 
    }
    
    .project-details-entry{
        margin-bottom: 20px;
    }

    .project-details-title{
        margin-bottom: 20px;
    }
    
    .project-details-title h2{
        font-size: 28px;
    }

    .project-gallary-items{
        display: block;
    }

    .project-gallery-item{
        width: 100%;
        margin-right: 0px;
    }

    .page-faqs .section-title{
        width: 100%;
    }

    .faq-accordion .accordion-item .accordion-button{
        font-size: 18px;
        padding: 10px 30px 10px 10px;
    }

    .faq-accordion .accordion-item .accordion-button::after,
    .faq-accordion .accordion-item .accordion-button.collapsed::after{
        transform: translate(-10px, -11px);
        font-size: 18px;
    }

    .faq-accordion .accordion-item .accordion-collapse .accordion-body{
        padding: 10px 30px 10px 10px;
    }
    
    .page-not-found-image{
        margin-bottom: 30px;
    }
    
    .page-not-found-box h2{
        width: 280px;
        margin: 0 auto;
        font-size: 28px;
        margin-bottom: 20px;
    }   
    .transportation-img{margin: 0px; padding: 0px; margin-bottom: 30px  } 

    .testimonial-box .author-name h5{ font-size: 14px;}
.testimonial-desc p{ font-size: 14px;}
.testimonial-box .testimonial-desc h6{ font-size: 14px;}



}


@media only screen and (max-width: 360px) {
    .project-slider {
        width: 245px !important;
    }
    .testimonial-box {
    
    margin: 20px;
     height: 100%; 
}
.testimonial-box .author-name h5{ font-size: 14px;}
.testimonial-desc p{ font-size: 14px;}
.testimonial-box .testimonial-desc h6{ font-size: 20px;}
.section-title h2 {   font-size: 22px !important; text-align: center;}
}