@charset "utf-8";
/* CSS Document */

body
{
	font-family: 'Open Sans', Arial, Verdana, Georgia, Lucida,Helvetica,Tahoma, sans-serif, "Myriad Pro";
	font-size:12px;
	text-align:center;
	color:#000;
	background:#fff;
	margin:0;
}

:focus{ outline:none;}
img,fieldset{border:none;}
	
a{	color:#000;	text-decoration:none;}
/*================================================================*/
@font-face {
font-family: 'FontAwesome';
src: url(fonts/FontAwesome.otf);
}
@font-face {
font-family: 'Raleway';
src: url(fonts/Raleway-VariableFont_wght.ttf);
}
@font-face {
font-family: 'Raleway Italic';
src: url(fonts/Raleway-Italic-VariableFont_wght.ttf);
}

/*----------Start Wraper-----------*/

.wraper{
	width:100%;
	margin:0 auto;
	font-family: 'Raleway';
}
.section{
	width:100%;
}
.content-area{
	width:1110px;
	margin:0 auto;
}
.sky-bg{
	background-color:#FAFCFC;
}
.kn-btn {
    background: #18a2dc;
    border-radius: 50px;
    color: #fff;
    display: inline-block;
    height: 50px;
    line-height: 50px;
    padding: 0 40px;
    text-transform: uppercase;
	font-family: 'Raleway';
	font-weight:500;
	font-size:20px;
	margin:0;
}
.kn-btn:hover, .kn-btn:active, .kn-btn:focus {
	color:#fff;
	text-decoration:none;
}
.header-section{
	padding:20px 0;
}
.logo{
	margin:0 auto;
	display:inline-block;
}
.content-area p {
    color: #000;
    font-size: 21px;
    font-family: 'Raleway';
    font-weight: 400;
}
.box-price{
	width:460px;
	margin:0 auto;
	text-align:center;
}
.box-price h2{
	font-size:48px;
}
.box-price .b-price{
	font-size:36px;
}
.content-area .box-price p {
    font-size: 23px;
}
.clip_image{
	margin:0 auto 30px;
	display:block;
}
.clip2{
	margin:30px auto;
	display:block;
}
.packaging-info{
	margin-top:30px;
}
.footer-section{
	padding:20px 0;
}
.footer-logo {
    width: 65px;
    margin-right: 8px;
}
.footer-section .copyright, .footer-section .credit{
	font-size:15px;
}
/*-------------------------------------------------------------------------responsive*/
@media only screen and (max-width: 2880px) {

}
@media only screen and (max-width: 2560px) {

}
@media only screen and (max-width: 2048px) {

}
@media only screen and (max-width: 1920px) {

}
@media only screen and (max-width: 1800px) {

}
@media only screen and (max-width: 1700px) {

}
@media only screen and (max-width: 1680px) {

}
@media only screen and (max-width: 1600px) {

}
@media only screen and (max-width: 1536px) {

}
@media only screen and (max-width: 1440px) {

}
@media only screen and (max-width: 1366px) {

}
@media only screen and (max-width: 1280px) {

}
@media only screen and (max-width: 1200px) {

}
@media only screen and (max-width: 1136px) {
.content-area {
    width: 96%;
}
}
@media only screen and (max-width: 1080px) {

}
@media only screen and (max-width: 1050px) {

}
@media only screen and (max-width: 1024px) {

}
@media only screen and (max-width: 960px) {

}
@media only screen and (max-width: 900px) {

}
@media only screen and (max-width: 854px) {

}
@media only screen and (max-width: 800px) {

}
@media only screen and (max-width: 768px) {

}
@media only screen and (max-width: 720px) {
.box-price {
    width: 350px;
}
.box-price h2 {
    font-size: 36px;
}
.content-area .box-price p {
    font-size: 21px;
}
.content-area p {
    font-size: 19px;
}
.clip_image, .kn95-packaging{
	width:100%;
	height:auto;
}
.packaging-info br{
	display:none;
}
}
@media only screen and (max-width: 640px) {

}
@media only screen and (max-width: 600px) {

}
@media only screen and (max-width: 540px) {

}
@media only screen and (max-width: 480px) {
.box-price {
    width: 100%;
    text-align: center;
}
.box-price h2 {
    font-size: 32px;
}
.box-price .b-price {
    font-size: 32px;
}
.content-area .box-price p {
    font-size: 20px;
}
.content-area p {
    font-size: 18px;
}
}
@media only screen and (max-width: 360px) {
p.footer-text{
	font-size:16px;
}
.footer-section .copyright, .footer-section .credit {
    font-size: 14px;
}
}
@media only screen and (max-width: 320px) {

}
@media only screen and (max-width: 240px) {

}