@charset "utf-8";
/* CSS Document */
@media only screen and (max-width: 239px) {
}
@media only screen and (min-width: 240px) and (max-width: 319px) {
}
@media only screen and (min-width: 320px) and (max-width: 449px) {
}
@media only screen and (min-width: 450px) and (max-width: 479px) {
	.preview_content .col-sm-6{ width: 50%; float: left !important;}
}
@media only screen and (min-width: 480px) and (max-width: 567px) {
	.preview_content .col-sm-6{ width: 50%; float: left !important;}
}
@media only screen and (min-width: 568px) and (max-width: 684px) {
	.preview_content .col-sm-6{ width: 50%; float: left !important;}
}
@media only screen and (min-width: 685px) and (max-width: 767px) {
	.preview_content .col-sm-6{ width: 50%; float: left !important;}
}
@media only screen and (min-width: 768px) and (max-width: 849px) {
	.version{ display: none;}
	.preview_content .col-sm-6 { float: none !important; width: 100%; }
	.psd_thumb{ margin-bottom: 10px;}
	.preview_image .preview_hover_content{top: 0px !important;left: 0px !important;width: 100% !important;height: 100% !important;padding: 10px 10px !important;}
	.preview_hover_content .button_green{ margin-top: 5px !important;}
	.preview_hover_content h2{ font-size: 16px !important;}
	.preview_hover_content p{ font-size: 12px !important;}
} 
@media only screen and (min-width: 850px) and (max-width: 991px) {
	.version{ display: none;}
	.preview_content .col-sm-6 { float: none !important; width: 100%; }
	.psd_thumb{ margin-bottom: 10px;}
	.preview_image .preview_hover_content{top: 0px !important;left: 0px !important;width: 100% !important;height: 100% !important;padding: 10px 10px !important;}
	.preview_hover_content .button_green{ margin-top: 5px !important;}
	.preview_hover_content h2{ font-size: 16px !important;}
	.preview_hover_content p{ font-size: 12px !important;}
} 
@media only screen and (min-width: 992px) and (max-width: 1099px) {
	.version{ display: none;}
	.button_green{padding: 0 5px !important;}
	.preview_image .preview_hover_content{padding: 20px !important;}
	.preview_hover_content .button_green{ padding: 0 20px !important;}
}
@media only screen and (min-width: 1100px) and (max-width: 1199px) {
	.version{ display: none;}
	.button_green{padding: 0 5px !important;}
	.preview_image .preview_hover_content{padding: 20px !important;}
	.preview_hover_content .button_green{ padding: 0 20px !important;}
}
@media screen and (max-width:1200px) {
}
@media only screen and (min-width: 1200px) and (max-width: 1900px) {
	.version{ display: none;}
}
@media screen and (max-width:767px) {
	.version{ display: none;}
	.logo_area{ text-align: center;}
	.logo_area .img-responsive, .poweredby_area .img-responsive{ display: inline-block;}
	.poweredby_area{ text-align: center !important; margin-top: 30px;}
	.preview_image img{display: inline-block !important;}
	.preview_image{text-align: center !important;}
	.preview_image .preview_hover_content{width: 90% !important;}
	.button_green02{float: left !important; margin-top: 15px;}
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
}