@media only screen and (max-width: 991px) {
     .bonus-banner-area h2 {
         font-size: 45px;
    }
     .bonus-single-quickly {
         display: inline-block;
         width: 28%;
         font-size: 17px;
         color: #fff;
         line-height: 1.2;
    }
     .bonus-single-quickly img{
         max-width:170px 
    }
     .bonus-what-single {
         width: 32%;
         font-size: 14px;
    }
     .bonus-what-single img{
         max-width:150px;
    }
     .bonus-what-get h2, .bonus-introducing-area h2, .bonus-animated-video-area h2, .bonus-powerpoint-area h2, .bonus-footer-top-area h2{
         font-size:30px;
    }
     .bonus-introducing-area h1{
         font-size:50px;
    }
     .bonus-single-video h3, .bonus-footer-top-area h3{
         font-size:20px;
    }
}
 @media only screen and (max-width: 767px) {
     body{
         font-size:14px;
    }
     .bonus-header-left-area, .bonus-logo-area, .bonus-header-right-area{
         text-align:center;
         width:100%;
         float:none;
    }
     .bonus-header-left-area p, .bonus-header-left-area h3{
         font-size:14px;
    }
     .bonus-header-right-area h2{
         font-size:20px;
    }
     .bonus-banner-area {
         background-color: #F57D5A;
    }
     .bonus-banner-area p {
         font-size: 14px;
    }
     .bonus-banner-area h2 {
         font-size: 25px;
    }
     .bonus-banner-top-area ul{
         text-align: left;
         margin-left: 20px;
         margin-right: 20px;
    }
     .bonus-banner-top-area ul li{
         margin-bottom:10px;
    }
     .bonus-banner-left-area, .bonus-banner-right-area{
		 width: 100%;
		margin-bottom: 10px;
    }
     .bonus-banner-right-area ul{
         margin-left:20px;
         margin-right:20px;
    }
     .bonus-what-get h2, .bonus-introducing-area h2, .bonus-animated-video-area h2, .bonus-powerpoint-area h2, .bonus-footer-top-area h2, .bonus-quickly-top-area h2 {
         font-size: 20px;
         padding: 15px 20px;
    }
     .bonus-what-single {
         width: 100%;
    }
     .bonus-single-quickly {
         width: 100%;
    }
     .bonus-quickly-video-area.fix {
         background-color: #F57D5A;
    }
     .bonus-introducing-area h1 {
         font-size: 30px;
    }
     .bonus-introducing-area{
         font-size:14px;
    }
     .bonus-powerpoint-area p{
         font-size:14px;
    }
     .bonus-single-video h3, .bonus-footer-top-area h3, .bonus-quickly-top-area h3{
         font-size:16px;
    }
     .bonus-bottom-video h5 {
         font-size: 12px;
    }
     .bonus-animated-video-area{
         padding-bottom:30px;
         font-size:14px;
    }
     .bonus-footer-top-area{
         font-size:14px;
    }
     .bonus-footer-logo-area {
         width: 100%;
         max-width: 100%;
    }
     .bonus-copyright-area {
         margin-top: 15px;
         font-size: 14px;
         width: 100%;
    }
     .bonus-left-youtube-video, .bonus-right-youtube-video{
         width:100%;
		 text-align: center;
    }
	.bonus-margin-50{
		height:0px;
	}
	.bonus-youtube {
		width: 100%;
	}
	.bonus-footer-top-area a, .bonus-download-link a {
		font-size: 16px;
		padding: 12px 29px;
	}
}