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

.content, .content1 {
	width: 100%;
	}

.card_section .section .res_img {
	width: 48.5%;
	margin-left: 1.5%;
	}

.card_section .section .text {
	width: 44.5%;
	margin-right: 1.5%;
	}

.card_section .section .res_img img {
	width: 100%;
	}

.white_section .left, .white_section1 .left {
	width: 68%;
	padding-left: 2%;
	}

.white_section .right, .white_section1 .right {
	width: 30%;
	}

.white_section .right .fig_content, .white_section1 .right .fig_content {
	padding: 0 11%;
	}

.white_section .right .fig_content img, .white_section1 .right .fig_content img {
	width: 100%;
	}

.white_section {
	padding: 73px 0;
	}

.text {
	width: auto;
	}

.quickFlip {
	width: 48.5%;
	margin-right: 3%;
	height:340px;
	}

.back {
	height: 99%;
	}

.quickFlip img {
	width: 100%;
	position: absolute;
	height: 100%;
	top: 0;
	left: 0;
	}

.quickFlip .blackPanel {
	width: 100% !important;
	height: 100% !important;
	}

}

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

.content, .content1 {
	width: 100%;
	}

.card_section .section .res_img {
	width: 47.5%;
	margin-left: 1.5%;
	}

.card_section .section .text {
	width: 43.5%;
	margin-right: 1.5%;
	}

.card_section .section .res_img img {
	width: 100%;
	}

.white_section .left, .white_section1 .left {
	width: 68%;
	padding-left: 2%;
	}

.white_section .right, .white_section1 .right {
	width: 30%;
	}

.white_section .right .fig_content, .white_section1 .right .fig_content {
	padding: 0 11%;
	}

.white_section .right .fig_content img, .white_section1 .right .fig_content img {
	width: 100%;
	}

.white_section {
	padding: 73px 0;
	}

.white_section .left h3, .white_section1 .left h3 {
	font-size: 38px;
	}

#navigation_bar {
	position: absolute;
	right: 30px;
	top: 10px;
	}

.text {
	width: auto;
	}

.quickFlip {
	width: 48.5%;
	margin-right: 3%;
	height: 340px;
	}

.quickFlip1 {
	width: 95%;
	margin-right: 3%;
	height: 340px;
	}

.back {
	height: 99%;
	}

.quickFlip img {
	width: 100%;
	position: absolute;
	height: 100%;
	top: 0;
	left: 0;
	}

.quickFlip .blackPanel {
	width:100% !important;
	height:100% !important;
	}

.redPanel {
	background: none repeat scroll 0 0 #fff;
	height: 88% !important;
	width: 89.5% !important;
	}

}

@media only screen and (min-width: 480px) and (max-width: 767px) {

.content {
	width: 100%;
	}

.content1 {
	width: 100%;
	padding: 20px 0;
	}

.card_section .section .res_img {
	width: 100%;
	float: none;
	margin: auto 0;
	}

.card_section .section .text {
	width: 91%;
	float: none;
	margin: 0 auto 15px;
	}

.card_section .section .res_img img {
	width: 100%;
	}

.white_section .left, .white_section1 .left {
	width: 100%;
	padding: 0;
	float: none;
	margin: 0 auto;
	}

.white_section .right .fig_content, .white_section1 .right .fig_content {
	padding: 0 11%;
	}

.white_section .right .fig_content img, .white_section1 .right .fig_content img {
	width: auto;
	display: block;
	text-align: center;
	margin: 0 auto;
	}

.white_section {
	padding: 30px 0;
	}

.white_section .left h3, .white_section1 .left h3 {
	font-size: 23px;
	padding-bottom: 15px;
	text-align: center;
	}

.white_section1 .left h4 {
	text-align: center;
	}

.white_section .left p, .white_section .right .fig_content p, .white_section1 .left p, .white_section1 .right .fig_content p {
	width: 94%;
	margin: 0 auto;
	text-align: left;
	}

.white_section .right, .white_section1 .right {
	padding-top: 30px;
	width: 100%;
	margin: 0 auto;
	float: none;
	}

#footer_links li {
	margin: 0;
	}

#footer_links li h6 {
	margin-left: 5px;
	}

#footer_links li:first-child {
	margin: -7px 1.5% 0;
	}

#footer_links ul {
	margin: 0 auto;
	width: 452px;
	}

#navigation_bar li a, #footer_links li a, #footer_links li, #footer_links li h6 {
	font-size: 15px;
	}

.section > div {
	min-height: 1px !important;
	}

#navigation_bar {
	right: 15px;
	top: 6px;
	}

#navigation_bar li {
	margin-left: 17px;
	}

.card_section {
	padding: 15px 0 2px;
	}

.card_section .section {
	padding: 15px 0 0;
	}

.quickFlip {
	float: none;
	height: 329px;
	width: 100%;
	margin-bottom:15px !important;
	}

.quickFlipCta > img {
	width: 100%;
	position: absolute;
 	top: 0;
 	left: 0;
	height: 100%;
	}

.quickFlip .blackPanel {
	width:100% !important;
	height:100% !important;
	}

.redPanel {
	background: none repeat scroll 0 0 #fff;
	height: 88% !important;
	width: 89.5% !important;
	}

}

@media only screen and (min-width: 1px) and (max-width: 479px) {

.content {
	width: 100%;
	}

.content1 {
	width: 100%;
	padding: 20px 0;
	}

#header .content {
	height: 250px;
	background: url(../i/banner-01.jpg) 50% 50% no-repeat;
	}

.card_section .section .res_img {
	width: 100%;
	float: none;
	margin: auto 0;
	}

.card_section .section .text {
	width: 87%;
	float: none;
	margin: 0 auto 15px;
	}

.card_section .section .res_img img {
	width: 100%;
	}

.white_section .left {
	width: 100%;
	padding: 0;
	float: none;
	margin: 0 auto;
	}

.white_section1 .left {
	width: 100%;
	padding: 0;
	float: none;
	margin: 0 auto;
	}

.white_section .right .fig_content, .white_section1 .right .fig_content {
	padding: 0 11%;
	}

.white_section .right .fig_content img, .white_section1 .right .fig_content img {
	width: auto;
	display: block;
	text-align: center;
	margin: 0 auto;
	}

.white_section {
	padding: 30px 0;
	}

.white_section .left h3, .white_section1 .left h3 {
	font-size: 23px;
	padding-bottom: 15px;
	text-align: center;
	}

.white_section1 .left h4 {
	text-align: center;
	}

.white_section .left p, .white_section .right .fig_content p, .white_section1 .left p, .white_section1 .right .fig_content p {
	width: 94%;
	margin: 0 auto;
	text-align: left;
	}

.white_section .right, .white_section1 .right {
	padding-top: 30px;
	width: 100%;
	margin: 0 auto;
	float: none;
	}

#footer_links li {
	margin: 0 auto 10px;
	text-align: center;
	float: none;
	}

#footer_links li:first-child {
	margin: 0 auto 10px;
	}

#footer_links ul {
	margin: 0 auto;
	width: auto;
	}

#navigation_bar li a, #footer_links li a, #footer_links li, #footer_links li h6 {
	font-size: 12px;
	}

#footer_links li h6 {
	margin-left: 0;
	}

.section > div {
	min-height: 1px !important;
	}

#navigation_bar {
	right: 12px;
	top: 4px;
	}

#navigation_bar li {
	margin-left: 7px;
	}

.card_section {
	padding: 15px 0 15px;
	}

.card_section .section {
	padding: 15px 0 0;
	}

#navigation_bar li a, #footer_links li a, #footer_links li h6 {
	padding: 2px 6px;
	}

#footer_links li a {
	width: 120px;
	margin: 0 auto;
	}

.card_section {
	padding: 15px 0 2px;
	}

.card_section .section {
	padding: 15px 0 0;
	}

.redPanel p {
	font-size: 14px;
	padding: 0 0 10px;
	}

.redPanel h2 {
	font-size: 20px;
	font-weight: bold;
	padding: 10px 0;
	}

.quickFlip {float: none;
	height: 250px;
	width: 100%;
	margin-bottom:15px !important;
	}

.quickFlipCta > img {
	width: 100%;
	position: absolute;
 	top: 0;
	left: 0;
	height: 100%;
	}

.quickFlip .blackPanel {
	width: 100% !important;
	height: 100% !important;
	}

.redPanel {
	background: none repeat scroll 0 0 #fff;
	height: 88% !important;
	width: 89.5% !important;
	}

}