@media (max-width: 1399.98px){
    p{
        font-size: 15px;
    }
    .sec-padd{
        padding: 2rem 0px;
    }
    body h2{
        font-size: 23px;
    }
    .navbar-brand img{
        width: 80%;
    }
    header .navbar-nav .nav-link{
        font-size: 15px;
    }
    header .navbar-toggler{
    padding: 5px 6px 0px 13px;
   }
   .about-img img {
        margin-left: 5rem;
        width: 80%;
    }
    .home-img img{
        margin-bottom: 35px;
        width: 80%;
    }
    .home-txt h2 {
    margin-bottom: 20px;
    font-size: 20px;
    }
    .about-txt h2 {
    margin-bottom: 20px;
    }
    .trusted-coal h3{
        font-size: 19px;
        margin-bottom: 3rem;
    }
    .coal-trading-container .about-icon{
        margin-bottom: 35px;
    }
    .about-icon h4{
        font-size: 18px;
    }
    .service-sec .card{
        margin-top: 1rem;
    }
    .card-heading h5{
        font-size: 18px;
    }
    .map-img img{
        margin-top: 1rem;
        width: 100%;
    }
    .address-sec h3{
        font-size: 18px;
    }
    .address h5{
        margin-left: 15px;
        font-size: 15px;
    }
    .contact-us-sec a{
        font-size: 15px;
        margin-left: 15px;
    }
    .contact-us-sec p{
        margin-left: 15px;
    }
    .contact-form{
        padding: 40px 30px;
    }
    body footer p{
        font-size: 14px;
    }
    .f_logo img{
        width: 35%;
    }
    .menu_head h4{
        font-size: 19px;
    }
    .f_menu_link a{
        font-size: 14px;
    }
    .footer-sec{
        padding: 2rem 0px 1rem;
    }
    .contact_link a{
        font-size: 14px;
    }
    .contact_link address {
        font-size: 14px;
    }
    .bottom-footer-txt{
        text-align: center;
    }
    .bottom-footer a{
        font-size: 13px;
    } 
}
@media (max-width: 1199.98px){
   p{
        font-size: 15px;
    }
    .sec-padd{
        padding: 2rem 0px;
    }
    body h2{
        font-size: 20px;
    }
    .navbar-brand img{
        width: 80%;
    }
    header .navbar-nav .nav-link{
        font-size: 15px;
    }
    header .navbar-toggler{
    padding: 5px 6px 0px 13px;
   }
   .about-img img {
        margin-left: 5rem;
        width: 80%;
    }
    .home-img img{
        margin-bottom: 35px;
        width: 80%;
    }
    .home-txt h2 {
    margin-bottom: 20px;
    font-size: 20px;
    }
    .about-txt h2 {
    margin-bottom: 20px;
    }
    .trusted-coal h3{
        font-size: 19px;
        margin-bottom: 3rem;
    }
    .coal-trading-container .about-icon{
        margin-bottom: 35px;
    }
    .about-icon h4{
        font-size: 18px;
    }
    .service-sec .card{
        margin-top: 1rem;
    }
    .card-heading h5{
        font-size: 18px;
    }
    .map-img img{
        margin-top: 1rem;
        width: 100%;
    }
    .address-sec h3{
        font-size: 18px;
    }
    .address h5{
        margin-left: 15px;
        font-size: 15px;
    }
    .contact-us-sec a{
        font-size: 15px;
        margin-left: 15px;
    }
    .contact-us-sec p{
        margin-left: 15px;
    }
    .contact-form{
        padding: 40px 30px;
    }
    body footer p{
        font-size: 14px;
    }
    .f_logo img{
        width: 35%;
    }
    .menu_head h4{
        font-size: 19px;
    }
    .f_menu_link a{
        font-size: 14px;
    }
    .footer-sec{
        padding: 2rem 0px 1rem;
    }
    .contact_link a{
        font-size: 14px;
    }
    .contact_link address {
        font-size: 14px;
    }
    .bottom-footer-txt{
        text-align: center;
    }
    .bottom-footer a{
        font-size: 13px;
    } 
        body .terms-container{
        padding: 2rem;
    }
    .second-section ol li{
        padding: 1rem 0rem 0px 0px;
        font-size: 14px;
    }
    .second-section h4{
        font-size: 18px;
    }
    .terms-container .mt-5{
        margin-top: 2rem !important;
    }
    .heading-txt h1{
        font-size: 24px;
        margin-top: 1rem;
    }
    .sub-banner .banner{
        height: 185px;
    }
    .sub-banner::after{
        height: 240px;
    }
    .sub-banner{
        height: 240px;
    }
    header .navbar-nav .nav-link{
        font-size: 13px;
    }
}

@media (max-width: 991.98px){
 p{
        font-size: 15px;
    }
    .sec-padd{
        padding: 1rem 0px;
    }
    body h2{
        font-size: 20px;
    }
    html header{
        background-color: #353535;
        backdrop-filter: none;
    }
    .navbar-brand img{
        width: 80%;
    }
    .carousel-inner img{
        margin-top: 5.7rem;
    }
    header .nav-item:hover::after{
        width: 30%;
    }
    header .navbar-nav .nav-link{
        font-size: 15px;
    }
     nav .active{
        width: 30%;
   }
    header .navbar-toggler{
    padding: 5px 6px 0px 13px;
   }
   .about-img img {
        margin-left: 0rem;
    }
    .home-img img{
        margin-bottom: 35px;
        width: 50%;
    }
    .home-txt h2 {
    margin-bottom: 20px;
    font-size: 20px;
    }
    .about-txt h2 {
    margin-bottom: 20px;
    }
    .trusted-coal h3{
        font-size: 19px;
        margin-bottom: 3rem;
    }
    .coal-trading-container .about-icon{
        margin-bottom: 35px;
    }
    .about-icon h4{
        font-size: 18px;
    }
    .service-sec .card{
        margin-top: 1rem;
    }
    .card-heading h5{
        font-size: 18px;
    }
    .map-img img{
        margin-top: 1rem;
        width: 100%;
    }
    .address-sec h3{
        font-size: 18px;
    }
    .address h5{
        margin-top: 15px;
        font-size: 15px;
    }
    .contact-us-sec a{
        font-size: 15px;
    }
    .contact-form{
        padding: 40px 30px;
    }
    body footer p{
        font-size: 14px;
    }
    .f_logo img{
        width: 35%;
    }
    .menu_head h4{
        font-size: 19px;
    }
    .f_menu_link a{
        font-size: 14px;
    }
    .footer-sec{
        padding: 2rem 0px 1rem;
    }
    .contact_link a{
        font-size: 14px;
    }
    .contact_link address {
        font-size: 14px;
    }
    .bottom-footer-txt{
        text-align: center;
    }
    .bottom-footer a{
        font-size: 13px;
    }
        body .terms-container{
        padding: 2rem;
    }
    .second-section ol li{
        padding: 1rem 0rem 0px 0px;
        font-size: 14px;
    }
    .second-section h4{
        font-size: 18px;
    }
    .terms-container .mt-5{
        margin-top: 2rem !important;
    }
    .heading-txt h1{
        font-size: 24px;
        margin-top: 1rem;
    }
    .sub-banner .banner{
        height: 185px;
    }
    .sub-banner::after{
        height: 240px;
    }
    .sub-banner{
        height: 240px;
    }
    header .navbar-nav .nav-link{
        font-size: 13px;
    }
}

@media (max-width: 767.98px){
 p{
        font-size: 15px;
    }
    .sec-padd{
        padding: 1rem 0px;
    }
    body h2{
        font-size: 20px;
    }
    html header{
        background-color: #353535;
        backdrop-filter: none;
    }
    .navbar-brand img{
        width: 80%;
    }
    .carousel-inner img{
        margin-top: 5.7rem;
    }
    header .nav-item:hover::after{
        width: 30%;
    }
    header .navbar-nav .nav-link{
        font-size: 15px;
    }
     nav .active{
        width: 30%;
   }
    header .navbar-toggler{
    padding: 5px 6px 0px 13px;
   }
   .about-img img {
        margin-left: 0rem;
    }
    .home-img img{
        margin-bottom: 35px;
    }
    .home-txt h2 {
    margin-bottom: 20px;
    font-size: 20px;
    }
    .about-txt h2 {
    margin-bottom: 20px;
    }
    .trusted-coal h3{
        font-size: 19px;
        margin-bottom: 3rem;
    }
    .coal-trading-container .about-icon{
        margin-bottom: 35px;
    }
    .about-icon h4{
        font-size: 18px;
    }
    .service-sec .card{
        margin-top: 1rem;
    }
    .card-heading h5{
        font-size: 18px;
    }
    .map-img img{
        margin-top: 1rem;
        width: 100%;
    }
    .address-sec h3{
        font-size: 18px;
    }
    .address h5{
        margin-top: 15px;
        font-size: 15px;
    }
    .contact-us-sec a{
        font-size: 15px;
    }
    .contact-form{
        padding: 40px 10px;
    }
    body footer p{
        font-size: 14px;
    }
    .f_logo img{
        width: 35%;
    }
    .menu_head h4{
        font-size: 19px;
    }
    .f_menu_link a{
        font-size: 14px;
    }
    .footer-sec{
        padding: 2rem 0px 1rem;
    }
    .contact_link a{
        font-size: 14px;
    }
    .contact_link address {
        font-size: 14px;
    }
    .bottom-footer-txt{
        text-align: center;
    }
    .bottom-footer a{
        font-size: 13px;
    }
        body .terms-container{
        padding: 1rem;
    }
    .second-section ol li{
        padding: 1rem 0rem 0px 0px;
        font-size: 14px;
    }
    .second-section h4{
        font-size: 18px;
    }
    .terms-container .mt-5{
        margin-top: 2rem !important;
    }
    .heading-txt h1{
        font-size: 24px;
        margin-top: 1rem;
    }
    .sub-banner .banner{
        height: 185px;
    }
    .sub-banner::after{
        height: 240px;
    }
    .sub-banner{
        height: 240px;
    }
    header .navbar-nav .nav-link{
        font-size: 13px;
    }
}

@media (max-width: 575.98px){

    p{
        font-size: 15px;
    }
    .sec-padd{
        padding: 1rem 0px;
    }
    body h2{
        font-size: 20px;
    }
    html header{
        background-color: #353535;
        backdrop-filter: none;
    }
    .navbar-brand img{
        width: 80%;
    }
    .carousel-inner img{
        margin-top: 5.7rem;
    }
    header .nav-item:hover::after{
        width: 30%;
    }
    header .navbar-nav .nav-link{
        font-size: 15px;
    }
     nav .active{
        width: 30%;
   }
    header .navbar-toggler{
    padding: 5px 6px 0px 13px;
   }
   .about-img img {
        margin-left: 0rem;
    }
    .home-img img{
        margin-bottom: 35px;
    }
    .home-txt h2 {
    margin-bottom: 20px;
    font-size: 20px;
    }
    .about-txt h2 {
    margin-bottom: 20px;
    }
    .trusted-coal h3{
        font-size: 19px;
        margin-bottom: 3rem;
    }
    .coal-trading-container .about-icon{
        margin-bottom: 35px;
    }
    .about-icon h4{
        font-size: 18px;
    }
    .service-sec .card{
        margin-top: 1rem;
    }
    .card-heading h5{
        font-size: 18px;
    }
    .map-img img{
        margin-top: 1rem;
        width: 100%;
    }
    .address-sec h3{
        font-size: 18px;
    }
    .address h5{
        margin-top: 15px;
        font-size: 15px;
    }
    .contact-us-sec a{
        font-size: 15px;
    }
    .contact-form{
        padding: 40px 10px;
    }
    body footer p{
        font-size: 14px;
    }
    .f_logo img{
        width: 35%;
    }
    .menu_head h4{
        font-size: 19px;
    }
    .f_menu_link a{
        font-size: 14px;
    }
    .footer-sec{
        padding: 2rem 0px 1rem;
    }
    .contact_link a{
        font-size: 14px;
    }
    .contact_link address {
        font-size: 14px;
    }
    .bottom-footer-txt{
        text-align: center;
    }
    .bottom-footer a{
        font-size: 13px;
    }
    body .terms-container{
        padding: 1rem;
    }
    .second-section ol li{
        padding: 1rem 0rem 0px 0px;
        font-size: 14px;
    }
    .second-section h4{
        font-size: 18px;
    }
    .terms-container .mt-5{
        margin-top: 2rem !important;
    }
    .heading-txt h1{
        font-size: 24px;
        margin-top: 1rem;
    }
    .sub-banner .banner{
        height: 185px;
    }
    .sub-banner::after{
        height: 240px;
    }
    .sub-banner{
        height: 240px;
    }
    header .navbar-nav .nav-link{
        font-size: 13px;
    }
}