@media (max-width: 1640px) {
h1 { font-size: 36px; }	
h1 strong { font-size: 54px; }	
/* ==================================================
Header Section
================================================== */
.header-top { left: 60px; }
.header-bottom { left: 60px; bottom: 100px; font-size: 22px; line-height: 32px;  }

}
@media (max-width: 1400px) {
h1 { font-size: 32px; }	
h1 strong { font-size: 50px; }	
/* ==================================================
Header Section
================================================== */
.header-top { left: 30px; }
.logo { margin-bottom: 40px; }
.header-bottom { left: 30px; bottom: 85px; font-size: 22px; line-height: 32px;  }
.header-bottom::before { right: 86px; top: -112px; width: 117px; height: 92px; background-size: cover; }
.header-bottom p { text-shadow: 0px 2px 2px #312d3c; }
.header-bottom ul li a { width: 180px; line-height: 48px; }

}

@media (max-width: 1199px) {
h1 { font-size: 26px; line-height:normal; }	
h1 strong { font-size: 36px; }	
h2 { font-size: 46px; line-height:normal; }
/* ==================================================
Header Section
================================================== */
.header-top { left: 30px; font-size: 18px; }
.logo { margin-bottom: 40px; }
.header-bottom { left: 30px; bottom: 53px; }
.header-bottom::before { display:none; }
.header-bottom p { text-shadow: 0px 2px 2px #312d3c; }
.header-bottom ul li a { width: 160px; line-height: 42px; }

/* ==================================================
Content Section
================================================== */
.theme-section { padding: 80px 0; }
.big-title { font-size: 88px; top: 25px; }
.inner-theme-section .big-title { font-size: 87px; }
.thumbnail h2 { font-size: 26px; margin-bottom: 16px; }
.features-content p { min-height:90px; }
.theme-features { min-height:280px; }

/* ==================================================
Footer Section
================================================== */
.overview-block-footer { padding: 90px 0; }
.footer-section h2 { font-size:34px; }
.footer-section p { font-size: 18px; }
.footer-section ul  { margin: 15px 0 32px 0; }
.footer-section ul li { font-size:26px; }


}

@media (max-width: 991px) {
body { font-size:14px; line-height:22px; }	
h1 { font-size: 26px; }	
h1 strong { font-size: 36px; }	
h2 { font-size: 38px; }
/* ==================================================
Header Section
================================================== */
.header { background:#312d3c url(../images/header.png) no-repeat right top; background-size: auto 100%; height:500px; }
.header:before { background:#312d3c; position:absolute; left:0; top:0; bottom:0; right:0; content:""; opacity:0.75; }
.hero-image { opacity: 0; }
.header-top { left: 30px; font-size: 18px; }
.logo { margin-bottom: 40px; }
.header-bottom { left: 30px; bottom: 53px; }
.header-bottom::before { display:none; }
.header-bottom p { text-shadow: 0px 2px 2px #312d3c; }
.header-bottom ul li a { width: 160px; line-height: 42px; }

/* ==================================================
Content Section
================================================== */
.theme-section { padding: 60px 0; }
.section-mb-15 { margin-bottom: 0; }
.big-title { font-size: 70px; top: 22px; }
.inner-theme-section .big-title { font-size: 64px; top: 24px; }
.thumbnail h2 { font-size: 22px; margin-bottom: 15px; }
.theme-features { min-height:290px; }
.features-content h2 { font-size:18px; }
.features-content p { min-height:114px; }


/* ==================================================
Footer Section
================================================== */
.overview-block-footer { padding: 60px 0; }
.footer-section h2 { font-size:30px; }
.footer-section p { font-size: 16px; }
.footer-section ul  { margin: 12px 0 22px 0; }
.footer-section ul li { font-size:24px; }
.purchase-btn a { padding: 14px 32px; font-size: 18px; }




}
@media (min-width: 639px) and (max-width: 767px)  {
.container { max-width:584px; }	
}

@media (max-width: 767px) {
h1 { font-size: 24px; margin-bottom: 5px; }	
h2 { margin-bottom: 5px; font-size: 34px; }	
/* ==================================================
Header Section
================================================== */
.header { height: 460px; }
.header-top { left: inherit; font-size: 18px; width: 100%; text-align: center; top: 30px; }
.logo { margin-bottom: 37px; }
.header-bottom { left: inherit; width: 100%; text-align: center; max-width:100%; bottom: 40px; }
.header-bottom ul { padding: 0; margin: 5px 0 0; float: none; text-align: center; display: inline-block; }
.header-bottom p { max-width: 440px; margin: 0 auto 15px; }

/* ==================================================
Content Section
================================================== */
.theme-section { padding: 20px 0 45px; }
.section-heading p { font-size: 14px; line-height: normal; letter-spacing: 0px; margin-bottom: 5px; }
.section-heading p br { display:none; }
.big-title { display:none; }	
.thumbnail { margin-top: 35px; }
.iphone { right: 36px; bottom: 2px; }
.arrow { top: 184px; }
.arrow img { width: 60px; }
.theme-features { min-height:inherit; }
.features-content p { min-height: inherit; }

/* ==================================================
Footer Section
================================================== */
.overview-block-footer { padding: 30px 0 50px; }
.footer-section h2 { font-size: 24px; }
.footer-section p { font-size: 14px; }

}

@media (max-width: 640px) {
h1 { font-size: 20px; margin-bottom:0px; }	
h1 strong { font-size: 30px; }
h2 { font-size: 30px; }
/* ==================================================
Header Section
================================================== */
.header { height: 440px; }

/* ==================================================
Content Section
================================================== */
.thumbnail { margin-top: 30px; }
.thumbnail h2 { font-size: 20px; margin-bottom: 15px; }
.responsive-view { padding-top: 30px; }
.ipad { width: 40%; }
.iphone { right: 34px; bottom: 0; width: 17%; }
.arrow { top: 50%; }

/* ==================================================
Footer Section
================================================== */
.footer-section h2 { font-size: 21px; }
.footer-section ul { margin: 8px 0 20px 0; }
.footer-section ul li { font-size: 22px; }
.purchase-btn a { padding: 12px 28px; font-size: 16px; }



}

@media (max-width: 480px) {
h1 { font-size: 18px; }	
h1 strong { font-size: 24px; }
h2 { font-size: 24px; }
/* ==================================================
Header Section
================================================== */
.header { height: 390px; }
.header-bottom { font-size: 16px; line-height: 26px; }
.header-top { font-size: 16px; }
.header-bottom { bottom:30px; }
.header-bottom p { max-width: 310px; margin: 0 auto 12px; }
.header-bottom ul li { margin:0 5px; }
.header-bottom ul li a { width: 134px; line-height: 34px; font-size: 14px; }

/* ==================================================
Content Section
================================================== */
.thumbnail h2 { font-size: 18px; margin-bottom: 13px; }
.arrow { top: 50%; right: -34px; }
.arrow img { width: 36%; }
.iphone { right: 25px; width: 17%; }



}