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

    .logo-area img{
        width: 70%;
    }

    .main-slider .carousel-caption {   
        width: 100%;
        bottom: 0px!important;
        justify-content: center;
    }

    .main-slider .carousel-caption h5 {   
       font-size: 25px!important;
       text-align: center;
    }

    .main-slider .carousel-caption .slider-icon{
       display: none;
    } 

    .dr-down{
       
        display: flex;
      }
      
    
    .wchu-right{
        display: none;
    }


    .al-about .ab-left h1 {
        font-size: 25px;
        color: #000;
        font-family: var(--mon-sd);
    }

    .al-about {
        margin: 0rem 0px 2rem 0px;
    }


    .al-footer .logo-sec img{
        width: 100%;
    }


}


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

    .main-slider .carousel-caption h5 {   
        font-size: 22px!important;
        text-align: center;
     }
    

    .al-banner{
        padding: 5rem 5%;
    }

    .al-banner .banner-title h3 {
        font-size: 30px;
        
    }

    .al-banner .banner-title h3::after {
       
        bottom: -30px;
        height: 30px;
        
    }

    .al-banner .banner-nav .content a,.al-banner .banner-nav .content span,.al-banner .banner-nav .content i {
        font-size: 14px;
    }




    /******
    header----------
    ****** */
    .logo-area img{
      width: 70%;
    }

    .full-width-header .hd-top .hd-inner-container {
        flex-wrap: wrap;
        flex-direction: column;
        justify-content: center;
        gap: 5px;
    }

    .right_menu_togle {
        width: 50%;
        
    }


    

    /* ***********
    ==========
    Footer----------
    =========
    ********* */

    .al-footer .ft-link {

        justify-content: flex-start; 
        margin-top: 2rem;
    }

    .al-footer .hd-ax h2 {
        transform: translateX(0px);
    }

    .al-footer .ft-link ul {
        transform: translateX(20%);
    }


    .al-footer .logo-sec img{
        width: 50%;
    }


    .al-contact .consultation-form {
        padding-left: 0px;
        margin-top: 1rem;
    }


    .al-products .item {
        min-height: 250px;
    }

    .full-width-header .hd-top{
        padding: 8px 5%;
      }

      .al-about {
        background-position: top;
      }

      .al-about .auto-container2{
        padding: 0px 5%!important;
      }

      .al-about .ab-right{
        padding: 0px!important;
      }

      .al-about .ab-left {
        padding: 30px 40px 10px 0px;
    }

    .al-proucts .inner-container {
        margin-top: 1.5rem !important;
    }

    .al-proucts .pro-btn {
        margin-top: 1rem;
    }


    .copy-right .copy-container{
        justify-content: center;
        flex-direction: column;
        gap: 2px;
        text-align: center;
       }


       .ft-nav-link{
        transform: translateX(-20px);
    }


}


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



    .main-slider .carousel-caption h5 {   
        font-size: 18px!important;
        text-align: center;
     }


    /* **********
    ------Header
    *********** */

    .full-width-header .hd-top .hd-left a {
        font-size: 14px;
    }

    .full-width-header .hd-top .hd-left .hd-mail i {
        font-size: 16px;
    }

   
    

    .right_menu_togle {
        width: 70%;
        
    }

    /* about----------------- */

    .al-about .ab-left h3 {
        font-size: 16px;
    }

    .al-about .left {
        padding-right: 0rem;
    }

    .al-about .ab-left h1 {
        font-size: 20px;
    }

    .al-about .ab-right p {
        font-size: 16px !important;
    }


    /* products ------------------ */

    .al-proucts .pro-title h1 {
        font-size: 22px;
    }

    .al-proucts .img .img-inner {
        width: 150px;
        height: 150px;
    }

    .al-proucts .item-content h3 {
        font-size: 20px !important;
    }


    .al-proucts .pro-btn a {
        padding: 10px 10px;
        font-size: 14px;
    }


    .pro-page {
        padding: 40px 5%;
    }

    /* contact---------------- */

    .al-contact .consultation-form .al-req-form {
        padding: 20px 10px;
    }

    .al-contact .request-form .con-container h1 {
        
        font-size: 22px;
    }


    .al-contact .consultation-form .al-req-form h1 {
        font-size: 22px;
    }


    /* footer --------- */

    .al-footer {
        padding: 40px 5%;
    }

    .al-footer .logo-sec img{
        width: 60%;
    }


    .al-footer .social span {
       
        width: 30px;
        height: 30px;
       
    }


    .al-footer .logo-sec img{
        width: 60%;
    }
    


}