/* HEADER SECTION */

@media (max-width: 900px) {
    .logo-center {
        padding: 16px 16px 16px 16px;
    }
    .heading-section {
        margin: 28px 0px 24px 0px;
        padding: 0px 30px 0px 30px;
    }
    .heading-title {
        font-size: 46px;
        line-height: 50px;
    }
    .video-ctr-section {
        padding: 0px 30px 0px 30px;
    }
    .cta-button-section {
        margin: 30px 0px 35px 0px;
    }
    .cta-button-main {
       padding: 22px 34px 22px 34px;
       font-size: 28px;
       line-height: 22px;
    }
    .copy-wrapper {
       padding: 0px 30px 0px 30px;
    }
    .copy-text {
       font-size: 22px;
       line-height: 30px;
       margin: 0px 0px 20px 0px;
    }
    .learn-section {
       margin: 28px 0px 20px 0px;
       padding: 0px 30px 0px 30px;
    }
    .learn-heading-main {
   	   padding: 14px 18px 14px 18px;
   	   font-size: 24px;
   	   line-height: 32px;
   	}
    .learn-list {
    	padding: 22px 24px 22px 24px;
    }
    .learn-item {
    	margin: 0px 0px 15px 0px;
    	padding: 0px 0px 0px 30px;
    	font-size: 22px;
    	line-height: 28px;
    }
    .learn-item::before {
    	font-size: 28px;
    	line-height: 28px;
    }
    .meta-item {
    	font-size: 20px;
    }
    .footer-wrapper {
    	padding: 0px 30px 0px 30px;
    }
    .footer-links a {
    	font-size: 18px;
    }
    .footer-copy {
    	font-size: 18px;
    }
}

@media (max-width: 700px) {
    .logo-center {
        padding: 12px 12px 12px 12px;
    }
    .heading-section {
        margin: 24px 0px 20px 0px;
        padding: 0px 20px 0px 20px;
    }
    .heading-title {
        font-size: 38px;
        line-height: 42px;
    }
    .video-ctr-section {
        padding: 0px 20px 0px 20px;
    }
    .cta-button-section {
        margin: 25px 0px 30px 0px;
    }
    .cta-button-main {
       padding: 20px 32px 20px 32px;
       font-size: 26px;
       line-height: 20px;
    }
    .copy-wrapper {
       padding: 0px 20px 0px 20px;
    }
    .copy-text {
       font-size: 20px;
       line-height: 28px;
       margin: 0px 0px 18px 0px;
    }
    .learn-section {
       margin: 26px 0px 16px 0px;
       padding: 0px 20px 0px 20px;
    }
   .learn-heading-main {
   	   padding: 12px 14px 12px 14px;
   	   font-size: 20px;
   	   line-height: 30px;
   	}
    .learn-list {
    	padding: 20px 22px 20px 22px;
    }
    .learn-item {
    	margin: 0px 0px 14px 0px;
    	padding: 0px 0px 0px 30px;
    	font-size: 20px;
    	line-height: 26px;
    }
    .learn-item::before {
    	font-size: 26px;
    	line-height: 26px;
    }
    .meta-item {
    	font-size: 18px;
    }
    .footer-wrapper {
    	padding: 0px 20px 0px 20px;
    }
    .footer-links a {
    	font-size: 16px;
    }
    .footer-copy {
    	font-size: 16px;
    }
}

@media (max-width: 500px) {
    .logo-center {
        padding: 8px 8px 8px 8px;
    }
    .heading-section {
        margin: 22px 0px 18px 0px;
        padding: 0px 10px 0px 10px;
    }
    .heading-title {
        font-size: 36px;
        line-height: 40px;
    }
    .video-ctr-section {
        padding: 0px 10px 0px 10px;
    }
    .cta-button-section {
        margin: 20px 0px 25px 0px;
    }
    .cta-button-main {
       padding: 18px 30px 18px 30px;
       font-size: 24px;
       line-height: 18px;
    }
    .copy-wrapper {
       padding: 0px 10px 0px 10px;
    }
    .copy-text {
       font-size: 18px;
       line-height: 26px;
       margin: 0px 0px 16px 0px;
    }
    .learn-section {
       margin: 22px 0px 12px 0px;
       padding: 0px 10px 0px 10px;
    }
   .learn-heading-main {
   	   padding: 10px 10px 10px 10px;
   	   font-size: 18px;
   	   line-height: 28px;
   	}
    .learn-list {
    	padding: 18px 20px 18px 20px;
    }
    .learn-item {
    	margin: 0px 0px 12px 0px;
    	padding: 0px 0px 0px 28px;
    	font-size: 18px;
    	line-height: 24px;
    }
    .learn-item::before {
    	font-size: 24px;
    	line-height: 24px;
    }
    .meta-item {
    	font-size: 16px;
    }
    .footer-wrapper {
    	padding: 0px 10px 0px 10px;
    }
    .footer-links a {
    	font-size: 14px;
    }
    .footer-copy {
    	font-size: 14px;
    }
}