/* < !-- Github REPOSITORY url https: //github.com/svsannidhay/Line_Encoder --> */
/* < !-- LATEST DEPLOYMENT :- https: //svsannidhay.github.io/Line_Encoder/ --> */
/*//////////////////////////////////////////////////////////////////////*/
/*-----------------BIG TABLETS TO LAPTOPS--------1024px to 1200px-------*/
/*//////////////////////////////////////////////////////////////////////*/
@media only screen and (max-width:1200px){
  html{font-size: 18px;}
  .row{width:98%;}
  .nrzHeading h2:after,
  .nrzIHeading h2:after,
  .nrzLHeading h2:after,
  .rzHeading h2:after,
  .manHeading h2:after,
  .diffManHeading h2:after,
  .amiHeading h2:after,
  .bezsHeading h2:after,
  .hdb3Heading h2:after{
    width:96%;
    margin:10px auto;
  }
  .navMenu ul li {
    font-size: 95%;
    margin: 0 10px 0 10px;
  }
  .nrzRandomHeading h3:after,
  .nrzCustomHeading h3:after,
  .nrzICustomHeading h3:after,
  .nrzIRandomHeading h3:after,
  .nrzLRandomHeading h3:after,
  .nrzLCustomHeading h3:after,
  .rzRandomHeading h3:after,
  .rzCustomHeading h3:after,
  .manRandomHeading h3:after,
  .manCustomHeading h3:after,
  .diffManRandomHeading h3:after,
  .diffManCustomHeading h3:after,
  .amiRandomHeading h3:after,
  .amiCustomHeading h3:after,
  .bezsRandomHeading h3:after,
  .bezsCustomHeading h3:after,
  .hdb3RandomHeading h3:after,
  .hdb3CustomHeading h3:after {
    width:90%;
  }
} 
@media only screen and (min-width: 1024px) {
  .navMenu ul{
    display: inline-block !important;
  }

  .mobileNavIcon,
  .mobileNavIconCross {
    display: none !important;
  }
}
/*//////////////////////////////////////////////////////////////////////*/
/*----------SMALL TABLETS TO LARGE TABLETS -------768px to 1023px-------*/
/*//////////////////////////////////////////////////////////////////////*/
@media only screen and (max-width:1023px) {
  html {font-size: 16px;}
  .navMenu{
    background-color: #b49ee9;
    box-shadow: 2px 2px 2px #555;
  }
  .sticky .navMenu{
    background-color: rgba(253, 253, 253, 0.973);
    box-shadow: 0 0 0 ;
  }
  .sticky .navMenu{
    
  }
  #nrzChart {
    height:320px !important;
  }
  .navMenu ul{
    display: none;
  }
  .navMenu ul li{
    margin:0 10px 0 10px;
  }
  .mobileNavIcon{
    display: inline-block;
    font-size: 200%;
  }
  .mobileNavIconCross{
    font-size: 200%;
  }
  .sticky .mobileNavIcon,
  .sticky .mobileNavIconCross{
    color: #555;
    padding:10px;
  }
  .navMenu ul li{
    text-align: left;
    padding:10px;
    display: block;
  }
  .footerNav li a {
    font-size: 87%;
    padding: 10px 5px !important;
  }
}
/*//////////////////////////////////////////////////////////////////////*/
/*-----------------LARGE PHONES TO SMALL TABLETS ------- 481px to 767px-------*/
/*//////////////////////////////////////////////////////////////////////*/
@media only screen and (max-width:767px) {
  html{font-size:14px;}
  .col{width:100%;}
  .col{
    text-align: center;
  }
  .nrzRandomHeading h3:after,
  .nrzCustomHeading h3:after,
  .nrzICustomHeading h3:after,
  .nrzIRandomHeading h3:after {
    width: 60%;
  }
  .nrzCustomInput,
  .nrzICustomInput {
    margin-left:0;
  }
  .footerBox ul li a {
    font-size: 90%;
    padding: 10px !important;
  }

  .footerBox ul {
    padding: 7px 0;
  }

  .footerNav {
    margin-top: 10px !important;
    text-align: center;
    float: none;
  }

  .footerSocial {
    margin-top: 10px !important;
    text-align: center;
    float: none;
  }
  .footerText p{
    margin-top: 20px !important;
  }
}
/*//////////////////////////////////////////////////////////////////////*/
/*-----------------SMALL PHONES TO LARGE PHONES -------0 to 480px-------*/
/*//////////////////////////////////////////////////////////////////////*/