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

    .cpadd1 {
        padding: 1.5rem 5%;
    }

    

   
    .hd-title {
        font-size: 25px;
       
    }

    
    /*********** Products ************/


    /******* Why chhose *************/
    
    .wchu-right{
        display: none;
    }


    .donw-frm-container .down-frm {
       
        width: 60%;
      
    }


    .menu-item i{
        display: block!important;
        color: #fff;
        font-size: 16px;
    }

    .menu-item a{
        display: flex!important;
        align-items: center;
        justify-content: space-between;
    }


    .menu-item .sub-menu {
        position: relative;
        top: 0px;
        left: 0px;
        z-index: 1;
        margin: 0px !important;
        padding: 0px !important;
        box-shadow: none;
        visibility: visible;
        display: none;
    }

    .show-submenu{
        display: block!important;
    }

    .menu-item:hover .sub-menu {
         top: 0px !important; 
        visibility: visible !important;
        transition: all .2s linear;
        z-index: 1;
    }

    .menu-item .sub-menu li {
       transform: translateY(0px); 
    }


    .menu-item .sub-menu li {
        list-style: none;
        margin: 0px !important;
        border-bottom: none;
        padding: 3px 8px;
        background: none!important;
        display: block !important;
    }

    .menu-item .sub-menu li a{
        color: #fff!important;
        font-family: var(--rob-rg)!important;
    }

    .menu-item .sub-menu li:hover a{
        color: var(--cl-red)!important;
        transition: all .2s linear;
    }


    .al-about .ab-right {
       display: none;
    }

    
 .menu-toogler .menu-toogle-container i{
    color: var(--cl2)!important;
  }

  

}


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

    .mt5 {
        margin-top: 30px;
    }

    .mb2 {
        margin-bottom: 10px;
    }
    .mt2 {
        margin-top: 10px;
    }

    .al-banner{
        padding: 3.5rem 5%;
        /* background-size: 100%; */
    }


    .al-banner .banner-title h3 {
        font-size: 22px;
        margin: 0px;
        transform: none!important;
        
    }

   
    .hd-logo img{
        width: 150px;
    }

    .elementor-3426 .elementor-element.elementor-element-da24933 .elementor-heading-title {
        font-size: 24px;
       
    }

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




    /******
    header----------
    ****** */
   
    

    .right_menu_togle {
        width: 50%;
        
    }


    /* **********
    =================
    About--------
    ==============
    ************ */

  

    /* **********
    choose us--------
    ********* */

    .spec-conteiner{
        margin: 10px 0px;
    }


   

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

    /* .al-footer .ft-link {
        margin-top: 2rem;
    } */

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


    .al-footer .ft-nav .link .navbar-nav {
        gap: 10px;
    }

    .al-footer .ft-nav .link .navbar-nav a{
        font-size: 14px!important;
    }

    

    /*****
    Product-page-------
    **** */

    .product-page h3 {
      margin-top: 1rem!important;
    }


    /***** contact us *****/
   
    .al-contact .consultation-form {
        padding-left: 0px;
        margin-top: 2rem;
    }


   
   


      .donw-frm-container .down-frm {
       
        width: 70%;
      
    }


    .donw-frm-container .down-frm .head-title h2 {
        font-size: 22px;
        font-family: var(--rob-md);
    }


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


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


    .rs-header .menu-area .row-table {
        align-items: center;
    }


    .main-slider .carousel-caption {
        left: 6% !important;
    }

    .main-slider .carousel-caption .sl-title1{
       font-size: 52px!important;
    }


    .rs-header .logo-area .hd-logo .logo-text h1{
        font-size: 25px; color: #fff;
        
      }
      
      .rs-header .logo-area .hd-logo .logo-text h4{
        font-size: 18px; color: #ffd700;
      }

   

    .news-right{
        margin-top: 1rem;
    }


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


    .hd-top .hd-inner-container {
        gap: 10px;
       justify-content: center;
       flex-direction: column;
    }

    .hd-top .hd-inner-container .items .navbar-nav {
        
        gap: 20px;
    }
    
    .dft-page .acod-head{
        padding: 10px 20px;
    }


    .hd-top .hd-inner-container .items .navbar-nav {
      
        display: flex;
        justify-content: center;
        gap: 5px;
        /* margin-bottom: 2px; */
    }

    .hd-top .hd-inner-container .items {
       margin-bottom: 3px;
    }
    

    .indx-testimonial .tst-more{
        display: flex; align-items: center;
        justify-content: flex-start;
       padding-left: 15px;
    }

    .indx-testimonial .hd-title h1 {
        font-size: 28px;
    
    }

}


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


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

    .rs-header .logo-area .hd-logo .logo-text h1 {
        font-size: 19px;
        color: #fff;
    }


    

    .rs-header .logo-area .hd-logo .logo-text h1 {
       color: #000;
    }

    .rs-header .menu-toogler .menu-toogle-container i {
        color: var(--cl1);
        font-size: 30px;
    }

    .main-slider{
        display: none;
    }

    .mob-slider{
        display: block;
        z-index: 0;
    }

    
    .right_menu_togle {
        width: 70%;
        
    }

   

    .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;
    }


   
    .donw-frm-container .down-frm .frm-input label {
        
        font-size: 15px;
        
    }


    .donw-frm-container .down-frm {
       
        width: 90%;
      
    }


    .donw-frm-container .down-frm .head-title h2 {
        font-size: 20px;
        font-family: var(--rob-md);
    }



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

    .al-footer .ft-nav-link {
        margin-top: 1rem;
    }

    .al-banner {
        padding: 2.5rem 5%;
        /* background-size: 100%; */
        animation: none;
    }

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

    .mob-banner{
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 100px;
        background-color: #cccccc;
      }

      .mob-banner h3{
        font-size: 22px;
        color: var(--cl1);
        font-family: var(--rob-md);
        margin: 0px;
      }

      .pg-padd {
        padding: 25px 5% 30px 5%;
    }

    .dft-page {
        margin: 25px 0px 1.5rem 0px;
    }

    .al-contact .request-form {
        padding-top: 25px;
    }

    /*  */

    .fixd-item .item {
        transform: translateX(220px)!important;
    }

    .fixd-item .item:hover{
        transform: translateX(50px)!important;
    }


    .fixd-item .item .inner .text {
       opacity: 0;
    }
 
    .fixd-item .item:hover .text{
        opacity: 1;
        transition: all .4s linear;
     }


     .testi-container .testi-item .testi-header  h1{
        font-size: 20px; 
    }


    .main-slider .carousel-caption .sl-title1{
       font-size: 42px!important;
    }

    
 

}