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

@media only screen and (min-width: 1536px) and (max-width: 1900px){ 
   
    :root{
        --baseFS: 13px;
        --fs16: 1.1em;
        --autoWidth: 1440px;
      }

      .banner_tag{ left: 30px;}
      .banner_tag.tag2{ right: -6%;}
      .banner_tag.tag3{ right: -4%;}
      .banner_tag em{ font-size: var(--baseFS);}
      .advangeBox figure{ height: 310px;}
      .advangeText{ padding: 20px 30px }
      .solutionBox{ padding: 20px;}

      .whyVideoFrame{ height: 390px;}
      .whyBox{ padding: 40px;}
      .whySmallImg {  width: 290px; height: 300px;  left: -67px; bottom: -46px  }
 

}

/*start of = (min-width: 1366px) and (max-width: 1440px)*/
@media only screen and (min-width: 1366px) and (max-width: 1535px){
    :root{
        --baseFS: 13px;
        --fs16: 1.1em;
        --autoWidth: 1440px;
        --fs50: 3.0em;
        --fs24: 1.3em;
        --fs94: 5.275em;
      }
      .all_btn{ padding: 15px 25px;}
      .all_btn.small { padding: 8px 15px; }
      .banner_tag{ left: -20px;}
      .banner_tag.tag2{ right: 2%;}
      .banner_tag.tag3{ right: 4%;}
      .banner_tag em{ font-size: var(--baseFS);}
      .advangeBox figure{ height: 280px;}
      .advangeText{ padding: 20px 20px; }
      .solutionBox{ padding: 20px;}

      .whyVideoFrame{ height: 364px;}
      .whyBox{ padding: 30px;}
      .whySmallImg {  width: 290px; height: 300px;  left: -67px; bottom: -76px  }
      .solutionsList ul{ margin: 0px -10px;}
      .solutionsList ul li{ padding: 10px;}
      .whyleft{ padding-right: 10px; padding-bottom: 50px;     padding-left: 80px; }
      .whyright{ padding-left: 10px;}
      .footer{ padding: 100px 0px 60px 0px;} 
      .whySec{ padding: 80px 0px;}
      .headlines{ padding-bottom: 50px;}
      .solutionSec{ padding: 80px 0px 60px 0px;}
      .advangeList ul{ margin: 0px -10px;}
      .advangeList ul li{ padding: 0px 10px;}

      .footer_inner{ max-width: 600px;}
      .banner_img{ padding-right: 80px;}
      .banner_inner{ padding: 50px 0px;}
      .tag_icon { width: 36px;  height: 36px; }

     
/*end of = (min-width: 1366px) and (max-width: 1900px)*/			
}





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

    :root{
        --baseFS: 12px;
        --fs16: 1.1em;
        --autoWidth: 1240px;
        --fs50: 3.0em;
        --fs24: 1.3em;
        --fs94: 5.275em;
      }
      .all_btn{ padding: 15px 25px;}
      .all_btn.small { padding: 8px 15px; }
      .banner_tag{ left: -20px;}
      .banner_tag.tag2{ right: 2%;}
      .banner_tag.tag3{ right: 4%;}
      .banner_tag em{ font-size: var(--baseFS);}
      .advangeBox figure{ height: 280px;}
      .advangeText{ padding: 20px 20px;  }
      .solutionBox{ padding: 20px;}

      .whyVideoFrame{ height: 364px;}
      .whyBox{ padding: 30px;}
      .whySmallImg {  width: 290px; height: 300px;  left: -67px; bottom: -76px  }
      .solutionsList ul{ margin: 0px -10px;}
      .solutionsList ul li{ padding: 10px;}
      .whyleft{ padding-right: 10px; padding-bottom: 50px;     padding-left: 80px; }
      .whyright{ padding-left: 10px;}
      .footer{ padding: 100px 0px 60px 0px;} 
      .whySec{ padding: 80px 0px;}
      .headlines{ padding-bottom: 50px;}
      .solutionSec{ padding: 80px 0px 60px 0px;}
      .advangeList ul{ margin: 0px -10px;}
      .advangeList ul li{ padding: 0px 10px;}

      .footer_inner{ max-width: 500px;}
      .banner_img{ padding-right: 60px;}
      .banner_inner{ padding: 50px 0px;}
      .tag_icon { width: 36px;  height: 36px; }
  
 
/*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;   }
:root{
    --baseFS: 12px;
    --fs16: 1.1em;
    --autoWidth: 1240px;
    --fs50: 2.8em;
    --fs24: 1.3em;
    --fs94: 4em;
  }
  .all_btn{ padding: 15px 25px;}
  .all_btn.small { padding: 8px 15px; }
  .banner_tag{ left: -20px;}
  .banner_tag.tag2{ right: 2%;}
  .banner_tag.tag3{ right: 4%;}
  .banner_tag em{ font-size: var(--baseFS);}
  .advangeBox figure{ height: 230px;}
  .advangeText{ padding: 20px 15px; }
  .solutionBox{ padding: 20px;}

  .whyVideoFrame{ height: 464px;}
  .whyBox{ padding: 30px;}
 
  .whySmallImg {  width: 290px; height: 300px;  left: -67px; bottom: -96px  }
  .whyRow{ display: block;}
  .whyleft{ padding-right: 10px; padding-bottom: 170px; padding-left: 80px; width: 100%; max-width: 700px; margin: auto; }
  .whyright{ padding-left: 10px; width: 100%;}

  .solutionsList ul{ margin: 0px -10px;}
  .solutionsList ul li{ padding: 10px;}
   .footer{ padding: 100px 0px 60px 0px;} 
  .whySec{ padding: 80px 0px;}
  .headlines{ padding-bottom: 50px;}
  .solutionSec{ padding: 80px 0px 60px 0px;}
  .advangeList ul{ margin: 0px -10px;}
  .advangeList ul li{ padding: 0px 10px;}

  .aboutImg{ width: 30%;}
  .aboutData{ width: 70%; padding-right: 30px;}
  .aboutData ul li{ width: 48%;}

  .footer_inner{ max-width: 500px;}
  .banner_img{ padding-right: 60px;}
  .banner_inner{ padding: 50px 0px;}
  .tag_icon { width: 36px;  height: 36px; }
/*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; }
:root{
    --baseFS: 12.5px;
    --fs16: 1.1em;
    --autoWidth: 1240px;
    --fs50: 3.0em;
    --fs24: 1.3em;
    --fs94: 5.275em;
  }
  .all_btn{ padding: 15px 25px; }
  .all_btn.small { padding: 8px 15px; }
  .banner_inner{ display: block;}
  .bannerText{ width: 100%; max-width: none; padding: 40px 0px 0px 0px; text-align: center;}
  .banner_btns_row{ justify-content: center;}
  .banner_img{ padding-right: 0px; max-width: 55%; margin: auto;}
  .banner_tag{ left: -60px; }
  .banner_tag.tag2{ right: -26%; }
  .banner_tag.tag3{ right: -22%; }
  .banner_tag em{ font-size: var(--baseFS); }

  .aboutUs{ padding: 80px 0px;}
  .aboutInner{ display: block;}
  .aboutData{ width: 100%; padding: 0px;}
  .aboutImg{ max-width: 55%; margin: auto; margin-bottom: 80px;}
  .aboutData ul li{ width: 48%;} 

  .advangeBox figure{ height:380px;}
  .advangeText{ padding: 30px 30px;  }
  .solutionBox{ padding: 20px;}

  .whyVideoFrame{ height: 394px;}
  .whyBox{ padding: 30px;}
  .whySmallImg {  width: 290px; height: 300px;  left: -67px; bottom: -96px  }
  .solutionsList ul{ margin: 0px -10px;}
  .solutionsList ul li:first-child{ width: 100%;}
  .solutionsList ul li{ padding: 10px; width: 50%;}
  .whyRow{ display: block;}
  .whyleft{ padding-right: 10px; padding-bottom: 170px; padding-left: 80px; width: 100%; }
  .whyright{ padding-left: 10px; width: 100%;}
  .footer{ padding: 100px 0px 60px 0px;} 
  .whySec{ padding: 80px 0px;}
  .headlines{ padding-bottom: 50px;}
  .solutionSec{ padding: 80px 0px 60px 0px;}
  .advangeList ul{ margin: 0px -10px;}
  .advangeList ul li{ padding: 20px 10px; width: 100%;}

  .footer_inner{ max-width: 500px;}
  
  .banner_inner{ padding: 50px 0px;}
  .tag_icon { width: 36px;  height: 36px; }
 

/* end 767 */
}


@media only screen and (min-width:0px) and (max-width:767px){
   
    body { -webkit-text-size-adjust:none; -webkit-overflow-scrolling: touch; overflow-x: hidden; }
    :root{
        --baseFS: 12px;
        --fs16: 1.1em;
        --autoWidth: 1240px;
        --fs50: 2.5em;
        --fs24: 1.3em;
        --fs36: 2.0em;
        --fs26: 1.2em;
        --fs94: 4em;
      }
      .all_btn{ padding: 10px 15px; }
      .all_btn svg{ max-width: 20px;}
      .all_btn.small { padding: 6px 12px; }
      .banner_inner{ display: block;}
      .bannerText{ width: 100%; max-width: none; padding: 40px 0px 0px 0px; text-align: center;}
      .banner_btns_row{ justify-content: center; flex-wrap: wrap; }
      .banner_img{ padding-right: 0px; max-width: 100%; margin: auto;}
      .banner_tag{ left: -2px; min-width: 0; padding: 4px 10px 4px 4px; gap: 4px; }
      .banner_tag.tag2{ right: 0%;  min-width: 0; top: 66%; }
      .banner_tag.tag3{ right: -2%;  min-width: 0;  top: 20% }
      .banner_tag em{ font-size: var(--baseFS); }
    
      .aboutUs{ padding: 50px 0px;}
      .aboutInner{ display: block;}
      .aboutData{ width: 100%; padding: 0px; text-align: center;}
      .aboutImg{ max-width: 75%; margin: auto; margin-bottom: 80px;}
      .aboutData ul li{ width: 100%; text-align: center;} 
    
      .advangeBox figure{ height:280px;}
      .advangeText{ padding:20px 20px; }
      .solutionBox{ padding: 20px;}
    
      .whyVideoFrame{ height: 294px;}
      .whyBox{ padding: 20px;}
      .whySmallImg {  width: 290px; height: 300px;  left: -67px; bottom: -96px  }
      .solutionsList ul{ margin: 0px -10px;}
      .solutionsList ul li:first-child{ width: 100%;}
      .solutionsList ul li{ padding: 10px; width: 100%;}
      .whyRow{ display: block;}
      .whyleft{ padding-right: 0px; padding-bottom:30px; padding-left: 0px; width: 100%; }
      .whyBox p{ padding-left: 0px; padding-bottom: 30px;}
      .whySmallImg{ position: initial; margin: auto;}
      .whyright{ padding-left: 0px; width: 100%;}
      .footer{ padding: 50px 0px 20px 0px;} 
      .whySec{ padding: 50px 0px;}
      .headlines{ padding-bottom: 30px;}
      .solutionSec{ padding: 80px 0px 60px 0px;}
      .advangeList ul{ margin: 0px -10px;}
      .advangeList ul li{ padding: 20px 10px; width: 100%;}
      .advangeSec{ padding: 50px 0px 30px 0px;}
      .footer_inner{ max-width: 500px;}
      
      .banner_inner{ padding: 50px 0px;}
      .tag_icon { width: 26px;  height: 26px; }
      .tag_icon svg{ max-width: 16px;}
      .popup_content{ padding: 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)  {  

 


}