/*=== responsive for mobile===*/



@media (max-width: 767px) {
	.page-button-section a{
	  font-size: calc((100vw - 5em) / 20);
	}

    .page-heading{
	   font-size: calc((100vw - 5em) / 22);
	}
	
	.page-button-section a {
    margin-top: 6px;
    font-size: calc((100vw - 5em) / 20);
    width: 96%;
    font-weight: 600;
    padding: 14px 10px;
}

.page-button-section .subscribe-btn{
    font-size: calc((100vw - 5em) / 20);
    width: 100%;
}

.subscribe-field{
    width: 100%;
}
	
	.page-inner-content{
		margin-top: 26px;
	}
	
	.info-text{
		font-size: calc((100vw - 5em) / 22);
	}
	
	.footer-links {
		text-align: center;
		padding-left: 0px;
	}
	
	.footer-links li a{
		    font-size: 0.8rem;
	}

 
}
    
    /*-- ======= Top Bar css ======= */
    
    @media only screen and (min-width: 768px) and (max-width: 1000px)  {
		
	
        .custom-container {
            width: 80vw;
        }
		
		.page-button-section a{
		  font-size: calc((100vw - 5em) / 30);
		}
		
		.banner-section{
			    max-width: 654px;
		}

    .page-heading{
	   font-size: calc((100vw - 5em) / 30);
	}
	
	.page-button-section .subscribe-btn{
	    	font-size: calc((100vw - 5em) / 30);
	}
	
	.page-button-section a {
		margin-top: 6px;
		font-size: calc((100vw - 5em) / 30);
		width: 86%;
		font-weight: 600;
		padding: 14px 10px;
	}	
	.page-inner-content{
		margin-top: 26px;
	}
	
	.info-text {
    font-size: calc((100vw - 5em) / 30);
}
	
	.footer-links {
		text-align: center;
		padding-left: 0px;
	}
	
	.footer-links li a{
		    font-size: 0.8rem;
	}

		
		
        
		
    }


   
    
    @media only screen and (min-width: 1001px) and (max-width: 1199px)  {
		
          .custom-container {
            width: 80vw;
        }
		
		.page-button-section a{
		  font-size: calc((100vw - 5em) / 30);
		}
		
		.banner-section{
			    max-width: 654px;
		}

		.page-heading {
			font-size: calc((100vw - 5em) / 40);
		}
		
		.page-button-section a {
			margin-top: 6px;
			font-size: calc((100vw - 5em) / 40);
			width: 86%;
			font-weight: 600;
			padding: 14px 10px;
		}
		
		.page-button-section .subscribe-btn{
		    	font-size: calc((100vw - 5em) / 40);
		}
		.page-inner-content{
			margin-top: 26px;
		}
	
		.info-text {
			font-size: calc((100vw - 5em) / 50);
		}
	
	.footer-links {
		text-align: center;
		padding-left: 0px;
	}
	
	.footer-links li a{
		    font-size: 0.8rem;
	}
      

    }
    
    
    @media only screen and (min-width: 1200px) and (max-width: 1280px)  {
        .custom-container {
            width: 90vw;
        }
		
		.topnav-container {
            width: 90vw;
		}
       
       .page-heading {
			font-size: calc((100vw - 5em) / 55);
		}
		
		.page-button-section a{
			font-size: calc((100vw - 5em) / 50);
			
		}
		
		.info-text{
			    font-size: calc((100vw - 5em) / 70);
		}
      
   }
    
    
    
    @media only screen and (min-width: 1281px) and (max-width: 1399px)  {
        .page-heading {
			font-size: calc((100vw - 5em) / 55);
		}
		
		.page-button-section a{
			font-size: calc((100vw - 5em) / 55);
			 width: 452px;
		}
		
		.info-text {
			font-size: calc((100vw - 5em) / 75);
		}
   
	 
    }
    
    @media only screen and (min-width: 1400px) and (max-width: 1440px)  {
      
		.page-heading {
			font-size: calc((100vw - 5em) / 70);
		}
		
		.page-button-section a{
			font-size: calc((100vw - 5em) / 60);
			 width: 452px;
		}
		
		.info-text {
			font-size: calc((100vw - 5em) / 75);
		}
		
		
    }
	
	 @media only screen and (min-width: 1441px) and (max-width: 1599px)  {
      .page-heading {
			font-size: calc((100vw - 5em) / 70);
		}
		
		.page-button-section a{
			font-size: calc((100vw - 5em) / 60);
			 width: 452px;
		}
		
		.info-text {
			font-size: calc((100vw - 5em) / 75);
		}

    }