@media only screen and (min-width: 1901px) {
    
}

@media only screen and (min-width: 1501px) and (max-width: 1900px){

    .header_inner { padding: 16px 0px; }
    .header_left { max-width: 140px;}
    .header_links ul { gap: 24px; }
    .header_links ul li a { font-size: 17px;}
    .all_btn{ font-size: 22px; }
    .bannerText h1{ font-size: 80px; max-width: 1110px; }
    .bannerText strong { font-size: 28px; }

    .cs_heading h2 { font-size: 60px; }
    .cs_content_right h4 { font-size: 40px; max-width: 750px;}
    .cs_content_right p { font-size: 26px; }
    html[dir="rtl"] .bannerText{     max-width: 820px; }

}

/*start of = (min-width: 1366px) and (max-width: 1440px)*/
@media only screen and (min-width: 1366px) and (max-width: 1500px){

    .header_inner{ padding: 16px 0px; }
    .header_left{ max-width: 120px; margin-right: 36px} 
    .header_links ul{ gap: 20px; }
    .header_links ul li a{ font-size: 16px; }
    .all_btn{ font-size: 17px; }

     
    .bannerText h1{ font-size: 70px; max-width: 970px; }
    .bannerText strong{ font-size: 28px; }

    .cs_heading h2{ font-size: 48px; max-width: 1000px;}
    .cs_heading span{ font-size: 16px; padding-bottom: 30px;}

    .cs_content_right h4{  font-size: 36px;  padding-bottom: 10px; max-width: 660px;}
    .cs_content_right p{ font-size: 22px;}

    .partners_section{ padding: 130px 0px;}
    .ps_content span{ font-size: 16px; padding-bottom: 30px; }
    .ps_content h2{ font-size: 40px; padding-bottom: 14px;}
    .ps_content p{ font-size: 30px; }

    .contactUs_left span{ font-size: 16px; padding-bottom: 30px; }
    .contactUs_left h2{ font-size: 40px; }
    .contactUs_left p{ font-size: 20px; line-height: 1.5em; max-width: 550px;}

    .form_group label{ font-size: 20px; }
    .form_group{ padding-bottom: 20px; }

    .submit_btn{ font-size: 20px; min-width: 180px; }

    .footer_links ul li {  padding: 0px 0px; }
    .copyright p{ font-size: 15px;}

    .sus_sec_inner h2{ font-size: 50px; }
    .sus_heading span{ font-size: 30px;}
 
    .sol_sec_tabsLink ul li a{ padding: 14px 20px; font-size: 22px;}
    .markets_content ul li{ width: 550px !important;}
    .sBox_content span{ font-size: 16px;}
    .sBox_content h4{ font-size: 28px; padding-bottom: 10px;}
    .sBox_content p{ font-size: 17px; min-height: 130px;}
    .markets_content ul li::after{ bottom: 9px; font-size: 28px;}
    .sBox_img{ padding-bottom: 15px;} 
    .impact_icon{ max-width: 70px; padding-bottom: 30px; }
    .sus_iBox_content p{ font-size: 17px; line-height: 1.5em;}
    .sus_iBox_content h4{ font-size: 24px; line-height: 1.5em;}
    .sus_content ul li::before{ font-size: 30px;}
    .input_group label{ font-size: 17px;}
    .input_group input, .input_group textarea{ font-size: 17px;}
    .input_group input:focus ~ label, .input_group textarea:focus ~ label, .input_group input:valid ~ label, .input_group textarea:valid ~ label {
        font-size: 12px;  }
        .footer_links ul li a{ font-size: 17px;}
        .saprator h2{ font-size: 80px;}
        .markets_content ul li.lastSliderSpace_li{ width: 210px !important;   overflow: hidden;}
        .panelHeading_inner h2{ font-size: 70px;}
        html[dir="rtl"] .bannerText{     max-width: 820px; }
/*end of = (min-width: 1366px) and (max-width: 1900px)*/			
}

@media only screen and (min-width: 1440px) and (max-width: 1900px){
    .sBox_content p {  font-size: 19px; min-height: 180px; line-height: 1.3em;  }
 
    .markets_content ul li.lastSliderSpace_li{ width: 210px !important;   overflow: hidden;}

}




 
/*start of = (min-width: 1280px) and (max-width: 1365px)*/	
@media only screen and (min-width: 1280px) and (max-width: 1365px){

    .header_inner { padding: 16px 0px;}
    .header_left{ max-width: 120px; margin-right: 40px;}
    .header_links ul { gap: 30px; }
    .header_links ul li a { font-size: 17px;}
    .all_btn { font-size: 17px;}

    .bannerText h1{ font-size: 70px; max-width: 910px; }
    .bannerText strong { font-size: 24px;}
    .cs_heading h2 { font-size: 40px;}

    .cs_content_right h4 { font-size: 30px; max-width: 710px;}
    .cs_content_right p { font-size:17px;}
 
    .ps_content h2 { font-size: 40px;}

    .ps_content p { font-size: 30px;}

    .contactUs_left h2 { font-size: 38px;}


    .sus_sec_inner h2{ font-size: 50px; }
    .sus_heading span{ font-size: 30px;}
 
    .sol_sec_tabsLink ul li a{ padding: 14px 20px; font-size: 22px;}
    .markets_content ul li{ width: 500px !important;}
    .sol_box_inner{ padding: 15px;}
    .sBox_content span{ font-size: 16px;}
    .sBox_content h4{ font-size: 28px; padding-bottom: 10px;}
    .sBox_content p{ font-size: 17px; min-height: 150px;}
    .markets_content ul li::after{ bottom: 9px; font-size: 28px;}
    .sBox_img{ padding-bottom: 15px;} 
    .impact_icon{ max-width: 70px; padding-bottom: 30px; }
    .sus_iBox_content p{ font-size: 17px; line-height: 1.5em;}
    .sus_iBox_content h4{ font-size: 24px; line-height: 1.5em;}
    .sus_content ul li::before{ font-size: 30px;}
    .input_group label{ font-size: 17px;}
    .input_group input, .input_group textarea{ font-size: 17px;}
    .input_group input:focus ~ label, .input_group textarea:focus ~ label, .input_group input:valid ~ label, .input_group textarea:valid ~ label {
        font-size: 12px;  }
        .footer_links ul li a{ font-size: 17px;}
        .submit_btn{ font-size: 17px;}
         .saprator h2{ font-size: 80px;}
        .markets_content ul li.lastSliderSpace_li{ width: 210px !important;   overflow: hidden;}
        .panelHeading_inner h2{ font-size: 70px;}
   
/*end of = (min-width: 1280px) and (max-width: 1365px)*/			
}





/*start of = (min-width: 1024px) and (max-width: 1279px)*/
@media only screen and (min-width: 1024px) and (max-width: 1279px){
	
body { -webkit-text-size-adjust:none;  -webkit-overflow-scrolling: touch;   }

.header_links ul{ gap: 26px; }

.header_left { max-width: 120px; margin-right: 36px; }
.header_links ul li a{ font-size: 18px; }

.all_btn{ font-size: 20px; } 
.bannerText h1{ font-size: 58px; max-width: 630px; margin: auto; }
.bannerText strong { font-size: 21px; }

.cascade_section{ padding: 90px 0px; }
.cs_heading span{ font-size: 16px; padding-bottom: 30px; }
.cs_heading h2 { font-size: 50px; }

.cs_content_right h4{ font-size: 34px; }
.cs_content_right p{ font-size: 20px; }

.sus_content_box{ padding: 34px 24px; }
.impact_icon{ max-width: 90px; }
.sus_iBox_content span { font-size: 17px; }
.sus_iBox_content h4 { font-size: 24px;}
.sus_iBox_content p { font-size: 18px;}

.sus_content ul li::before { font-size: 34px; right: 28px; top: 26px; }

.sol_sec_left{ padding-left: 15px; padding-right: 25px;}  
.markets_content ul li{ width: 500px !important;}
.sBox_content span{ font-size: 16px;}
.sBox_content h4{ font-size: 28px; padding-bottom: 10px;}
.sBox_content p{ font-size: 17px; min-height: 180px;}
.markets_content ul li::after{ bottom: 9px; font-size: 28px;}
.sBox_img{ padding-bottom: 15px;} 
.impact_icon{ max-width: 70px; padding-bottom: 30px; }
.sus_iBox_content p{ font-size: 17px; line-height: 1.5em;}
.sus_iBox_content h4{ font-size: 24px; line-height: 1.5em;}
.sus_content ul li::before{ font-size: 30px;}
.input_group label{ font-size: 17px;}
.input_group input, .input_group textarea{ font-size: 17px;}
.input_group input:focus ~ label, .input_group textarea:focus ~ label, .input_group input:valid ~ label, .input_group textarea:valid ~ label {
    font-size: 12px;  }
    .footer_links ul li a{ font-size: 17px;}
     .sol_sec_tabsLink ul li a{ font-size: 18px; padding: 15px;}

    .ps_content h2{ font-size: 40px;}
    .ps_content p{ font-size: 30px; }
    .contactUs_left h2 { font-size: 38px;}
    .contactUs_left p{ font-size: 20px; line-height: 1.5em;}
    .saprator h2{ font-size: 80px;}
    .panelHeading_inner h2{ font-size:4em;}
    .markets_content ul li.lastSliderSpace_li{ width: 210px !important;   overflow: hidden;}
    html[dir="rtl"] .header_links ul{ gap: 30px;}
    html[dir="rtl"] .header_links ul li:first-child { margin-right: 60px; }




  
/*end of = (min-width: 1024px) and (max-width: 1279px)*/			
}


/*start of = (min-width: 768px) and (max-width: 1023px)*/	
@media only screen and (min-width: 768px) and (max-width: 1023px){

body { -webkit-text-size-adjust:none;  -webkit-overflow-scrolling: touch; overflow-x: hidden;}

.header_inner{ padding: 14px 0px; }
.header_left { max-width: 140px; margin-right: 26px;}
.header_links ul li a{ font-size: 14px; }
.header_links ul { gap: 12px; }
.all_btn{ font-size: 14px;}

.bannerText h1{ font-size: 60px; max-width: 760px; margin: auto; }
.bannerText strong{ font-size: 20px; }

.cascade_section{ padding: 80px 0px; }
.cs_heading span { font-size: 16px; padding-bottom: 20px; }  
.cs_heading h2 { font-size: 38px; }

.cs_content_right h4{ font-size: 24px; }
.cs_content_right p{ font-size: 14px; }

.sustainability_section{ padding: 80px 0px; }

.sus_sec_inner h2{ font-size: 48px; padding-bottom: 30px; }
.sus_heading{ padding-bottom: 30px; }
.sus_heading span{ font-size: 28px; }

.impact_icon{ max-width: 80px; padding-bottom: 40px; }

.sus_content_box { padding: 30px 20px;}
.sus_content ul li{ width: 50%; padding: 0px 16px 30px 16px; }

.sus_content ul li::before{ font-size: 34px; right: 30px; }

.sus_impact{ padding-bottom: 40px; }

.sus_iBox_content span{  font-size: 16px;}
.sus_iBox_content h4 { font-size: 24px;}
.sus_iBox_content p { font-size: 16px; }

.partners_section{ padding: 100px 0px; }

.ps_content span{ font-size: 16px; padding-bottom: 20px; }

.ps_content h2 { font-size: 38px; padding-bottom: 16px; }
.ps_content p{ font-size: 22px; }

.contact_us{ padding: 80px 0px; }

.contactUs_left span{ font-size: 14px; padding-bottom: 20px; }

.contactUs_left h2{ font-size: 28px; }
.contactUs_left p{ font-size: 18px; }

.form_group label{ font-size: 18px; padding-bottom: 6px; }
.form_group{ padding-bottom: 16px; }

.form_group input{ font-size: 18px; }

.submit_btn{ font-size: 18px; min-width: 180px; }

.footer{ padding: 40px 0px; }
 
.footer_links ul li a{ font-size: 18px; }

.footer_links_icon{ padding-bottom: 24px; }

.copyright p{ font-size: 16px; }

.sol_sec_left{ padding-left: 15px; padding-right: 25px;}  
.markets_content ul li{ width: 500px !important;}
.sBox_content span{ font-size: 16px;}
.sBox_content h4{ font-size: 28px; padding-bottom: 10px;}
.sBox_content p{ font-size: 17px; min-height: 180px;}
.markets_content ul li::after{ bottom: 9px; font-size: 28px;}
.sBox_img{ padding-bottom: 15px;} 
.impact_icon{ max-width: 70px; padding-bottom: 30px; }
.sus_iBox_content p{ font-size: 17px; line-height: 1.5em;}
.sus_iBox_content h4{ font-size: 24px; line-height: 1.5em;}
.sus_content ul li::before{ font-size: 30px;}
.input_group label{ font-size: 17px;}
.input_group input, .input_group textarea{ font-size: 17px;}
.input_group input:focus ~ label, .input_group textarea:focus ~ label, .input_group input:valid ~ label, .input_group textarea:valid ~ label {
    font-size: 12px;  }
    .footer_links ul li a{ font-size: 17px;}
     .sol_sec_tabsLink ul li a{ font-size: 18px; padding: 15px;}

    .ps_content h2{ font-size: 40px;}
    .ps_content p{ font-size: 30px; }
    .contactUs_left h2 { font-size: 38px;}
    .contactUs_left p{ font-size: 20px; line-height: 1.5em;}
    .solution_section{ min-height: 100%;}
    .saprator h2{ font-size: 80px;}
    .panelHeading_inner h2{ font-size:4em;}
    .markets_content ul li.lastSliderSpace_li{ width: 210px !important;   overflow: hidden;}
    html[dir="rtl"] .header_links ul{ gap: 30px;}
    html[dir="rtl"] .header_links ul li:first-child { margin-right: 30px; }
 
/*end of = (min-width: 768px) and (max-width: 1023px)*/			
}



@media(max-width:767px) { 

    body { -webkit-text-size-adjust:none;  -webkit-overflow-scrolling: touch; overflow-x: hidden;}
 
    .mob_menuBtn { display: flex; }
    .open_mobile_menu {  overflow: hidden; }  
  

    .header_right{ display: none;  position: fixed; top: 0px; left: 0px; padding: 100px 20px 15px;  -webkit-backdrop-filter: blur(90.5px); width: 100%; height: 100%; z-index: 22;  background: rgba(42, 28, 63, 0.9); backdrop-filter: blur(90.066588401794434px); text-align: left; overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; }

    .isOpenMenu .header_right {  display: block; }
    .isOpenMenu{ overflow: hidden;}
    .isOpenMenu .header{ backdrop-filter: initial; }

    .isOpenMenu .header_left{ z-index: 2222; position: relative;}
    
    .header_icons{ display: inline-block; vertical-align: middle; width: auto;}

    .header_inner{ justify-content: space-between; padding:10px 0px 10px 0px;  } 
    .header_left{ max-width: 100px;} 
    .header_links{ border: none; border-radius: 0px; padding:0px 0px 10px 0px; text-align: left; }
    .header_btn a{ display: inline-block; color: #fff; background-clip: initial;
        -webkit-background-clip: initial;
        -webkit-text-fill-color: initial;}

    .header_links ul{ display: block; }
    .header_links ul li{ padding-bottom: 30px; } 

    .header_links ul li a{ color: #fff; font-size: 30px; }
    .header_links ul li a:hover, .header_links ul li a.active{ color: #fff; font-family: var(--familyBold);  }
    .all_btn{ font-size: 30px;}
    .bannerText{ text-align: left;}
    .bannerText h1{ font-size: 46px; max-width: 480px; margin: auto; padding-bottom: 6px; }
    .bannerText strong{ font-size: 14px;}

    .cascade_section{ padding: 60px 0px; }
    .cs_heading span{ font-size: 12px; padding-bottom: 16px;}
    .cs_heading h2{ font-size: 28px; max-width: 566px;}

    .cs_content{ display: block; } 
    .cs_content_left{ width: 100%; padding-right: 0px; margin: auto; padding-bottom: 20px; }
    html[dir="rtl"] .cs_content_left{  padding-left: 0px;}
    .cs_content_right{ width: 100%; padding-left: 0px; }

    .cs_content_right h4{ font-size: 24px; padding-bottom: 10px;} 
    .cs_content_right p{ font-size: 18px; }



    .solution_section{ padding: 70px 0px; }
    .solution_section_inner{ display: block; }
    .sol_sec_left{ width: 100%; padding-right: 0px; padding:10px 20px 0px; position:initial; top: initial; }
    .sol_sec_left h2{ font-size: 20px; padding-bottom: 20px;}
    .sol_sec_tabsLink ul li{ padding-bottom: 16px; }
    .sol_sec_tabsLink ul li a{ font-size: 16px; padding: 10px 15px; }
    .sBox_img{ padding-bottom: 10px;}
    .sBox_content{ min-height: 200px;}
    .sBox_content span{ font-size: 14px;}
    .sBox_content h4{ font-size: 21px; padding-bottom: 10px;}
    .sBox_content p{ font-size: 16px; min-height: 0px;}
    .markets_content ul li::after{ font-size: 20px; left: 12px; bottom: 22px;}
   .lastSliderSpace{ width: 100%;}

    .sol_sec_tabsLink{ display: block;}
   
    .sol_sec_tabsLink ul{ display: flex; gap: 10px; text-align: center; }

    .sol_sec_right{ padding-top: 0px;}


    .sol_sec_right{ width: 100%; padding-left: 0px; }
   
    .markets_content ul li{ width: 370px !important; padding: 0px 30px 10px 0px; }
    .sol_box_inner{ padding: 10px;}
 

    .sustainability_section{ padding: 60px 0px; }
    .sus_heading{ padding-bottom: 20px; }
    .sus_sec_inner h2{ font-size: 38px; padding-bottom: 20px; }
    .sus_heading span{ font-size: 24px; }
    .sus_impact{ padding-bottom: 30px; } 
    .sus_content ul{ display: block; } 
    .sus_content ul li{ width: 100%; }
    .sus_content_box { padding: 26px 16px;}
    .impact_icon{ max-width: 70px; padding-bottom: 30px; }
    .sus_iBox_content span{ font-size: 14px; }
    .sus_iBox_content h4{ font-size: 22px; }
    .sus_iBox_content p{ font-size: 16px; }

    .sus_content ul li::before{ font-size: 30px; right: 38px; top: 18px; }

    .partners_section{ padding: 60px 0px; }
    .ps_content span{ font-size: 14px; padding-bottom: 16px;}
    .ps_content h2 { font-size: 30px; padding-bottom: 10px;}
    .ps_content p { font-size: 18px;}

    .contact_us{ padding: 60px 0px; } 
    .contactUs_inner{ display: block; }
    .contactUs_left{ width: 100%; padding-bottom: 20px; }
    .contactUs_left span { font-size: 14px; padding-bottom: 10px;}
    .contactUs_left h2 { font-size: 30px;}
    .contactUs_left p { font-size: 16px;}

    .contactUs_right{ width: 100%; }
    .form_group label { font-size: 16px; padding-bottom: 0px; }
    .form_group{ padding-bottom: 10px; }
    .form_group input{ font-size: 16px; }
    .submit_btn{ font-size: 14px; min-width: 150px; }


    .footer{ padding: 30px 0px; } 
    .footer_links_icon{ padding-bottom: 20px; }
    .footer_links ul{ justify-content: center; flex-wrap: wrap; gap: 15px;}
 
    .footer_links ul li a { font-size: 18px; }
    .copyright p { font-size: 12px; text-align: center; }
    .footer_icons ul{ justify-content: center; padding-top: 15px;}
    .footer_icons ul li a { max-width: 24px; max-height: 24px;}
    .autoContent{ padding: 0px 15px;}
    .footer_links_icon{ display: block;}
    .saprator h2{ font-size: 3em;}
    .panelHeading_inner h2{ font-size:3em;}


    .switch{ color:  var(--white); }
    .switch:has(input:checked) small{ color: var(--white);}
    .slider{ border-color: var(--white);}
    .switch small, .switch:has(input:checked) em{ color: var(--white); }

    .markets_content ul li.lastSliderSpace_li{ width: 110px !important; overflow: hidden;}

    html[dir="rtl"] .header_links,  html[dir="rtl"]  .header_btn {
        text-align: right !important;
      }

      html[dir="rtl"] .bannerText{ text-align: right;}
      html[dir="rtl"] .cs_content_right{ padding-right: 0px;}
      html[dir="rtl"] .sol_sec_left h2{ font-size: 42px;}
      html[dir="rtl"] .header_links ul li:first-child{ margin-right: 0px;}
      html[dir="rtl"] .switch{ color: #fff; justify-content: flex-end;}
    /* .sliderr_parent_row{ overflow: hidden; overflow-x: auto;}
    .sliderr.sliderr2 .markets_content, .sliderr.sliderr3 .markets_content{ opacity: 1; transform: translate(0);} */

/* end 767 */
}


@media only screen and (min-width:0px) and (max-width:388px){
    .header_left { max-width: 100px; }
    .hamburger-lines{ height: 34px; padding: 8px 7.5px; width: 38px; }
    .bannerText h1 { font-size:31px;}
    .bannerText strong {  font-size: 16px; }
    .cascade_section { padding: 50px 0px; }
    .cs_heading h2 { font-size: 18px;}

    .cs_content_right h4 { font-size: 22px;}
    .cs_content_right p { font-size: 16px; }

    .sustainability_section { padding: 50px 0px; }
    .sus_sec_inner h2 { font-size: 26px;}
    .sus_heading span {  font-size: 18px; }
    .impact_icon { max-width: 54px; padding-bottom: 24px; }
    .sus_content ul li::before { font-size: 22px; right: 37px; }
    .sus_iBox_content span { font-size: 12px; }
    .sus_iBox_content h4 { font-size: 18px; }
    .sus_iBox_content p { font-size: 14px; }

    .ps_content span { font-size: 12px; padding-bottom: 10px; }
    .ps_content h2 { font-size: 20px;}

    .ps_content p { font-size: 12px; }
    .contactUs_left span { font-size: 12px;}

    .contactUs_left { padding-bottom: 0px; }
    .contactUs_left h2 { font-size: 20px; }
    .contactUs_left p { font-size: 14px; }

    .input_group input, .input_group textarea { font-size: 14px;}
    .input_group label { font-size: 14px;}

    .input_group input:focus ~ label, .input_group textarea:focus ~ label, .input_group input:valid ~ label, .input_group textarea:valid ~ label { font-size: 12px;}

    .submit_btn { font-size: 12px; min-width: 114px; margin-top: 15px; }
    
.footer_links ul{ gap: 15px;}
 

    .footer_links ul li a { font-size: 12px; }

    .footer_icons ul li a { max-width: 20px; max-height: 20px;}
   
    
   
}

@media only screen and (min-width:320px) and (max-width:374px){
	
}




@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 812px) 
and (-webkit-device-pixel-ratio : 3)
and (orientation : landscape)  {  

 


}