

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



.woocommerce .u-column1.col-1.login_area {
    width: 100%;
}
#userform h2 {
    font-size: 19px;
}
#fancybox-content > div {
    overflow: hidden !important;
}
#customer_login {
    width: 100%;
}
#userform input.woocommerce-Button {
    width: 100%;
}
body .woocommerce form .form-row label.inline {
    font-size: 15px;
}
p.lost_password a {
    font-size: 14px;
}




.grid_menu span {
    display: none;
}
#userform {    display: inline-block;
    padding: 0;
}
	body #flipbook-container-0 .fb-nav ul li, body #flipbook-container-0 div.spread.mobile.next, body #flipbook-container-0 div.spread.mobile.preview, body #flipbook-container-0 div.spread.big-side, body #flipbook-container-0 div.spread.big-next {
    padding: 9px;
}
body #flipbook-container-0 .fb-nav ul li, body #flipbook-container-0 .preview, body #flipbook-container-0 .next, body #flipbook-container-0 .fb-nav ul li i, body #flipbook-container-0 .preview i, body #flipbook-container-0 .next i, body #flipbook-container-0 .big-side, body #flipbook-container-0 .big-next, body #flipbook-container-0 .big-side i, body #flipbook-container-0 .big-next i {
    font-size: 80px;
    margin-right: 2px;
}
img,iframe,video{
	max-width:100%;
	height: auto;
}
.box_sec_mid img {
    height: auto;
    width: 100%;
}
.header {
    margin-top: 0;
	padding: 18px 0;
}
#toggleMenu:checked ~ ul {
    margin-top: 18px;
}
.home_wrapper {
    font-size: 53px;
    margin: 40px auto 0;
    width: 94%;
}
.mainMenu a, .mainMenu a:visited {
    padding: 0;
}

.top_nav2 ul li {
    margin-bottom: 7px;
    padding-bottom: 5px;
    width: 100%;
}
.top_nav2 .menu-secondary-menu-container ul {
    display: table-cell;
    float: none;
    vertical-align: middle;
}
label.menuTitle {
    margin-top: 0;
    top: 0;
}
label.menuTitle.close {
    top: 0;
}
.mainMenu ul.navigation-bar a {
    padding: 13px 0 8px;
}
.mainMenu ul.grid_menu a {
    padding-bottom: 9px;
    padding-top: 13px;
}
/*****/

.header_wrapper {
    width: 94%;
}

.logo {
	 display: none;
}

.header_nav {
    display: block;
    float: right;
    margin: 0;
    width: 100%;
}
.mainMenu {
    border-bottom: 0 none;
	 text-align: left;
}

.header_nav select {
    background: none repeat scroll 0 0 #f47200;
    border: medium none;
    color: #fff;
    display: block;
    float: left;
    padding: 10px;
    width: 100%;
}

.top_nav {
    display: none;
}

.title_sec_wrapper {
    text-align: center;
    width: 94%;
}

.wrapper_wrapper {
    width: 94%;
	 margin-top: 0;
}

.box_sec_mid {
   margin-bottom: 10px;
    margin-left: 1%;
    margin-right: 1%;
    text-align: center;
    width: 48%;
}

.box_sec_circle {
    text-align: center;
}

/*****/

.title_left {
    width: 100%;
}

.header_nav_new {
	display: block;
	float: left;
	width: 100%;
	margin: 30px 0px 0;
}

.header_nav_new select {
    background: none repeat scroll 0 0 #4c98cb;
    border: medium none;
    color: #fff;
    display: block;
    float: left;
    padding: 10px;
    width: 100%;
}

.top_nav2 {
background: none repeat scroll 0 0 rgba(255, 255, 255, 0.9);
    display: none;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 100000;
	margin: 0;
}
.top_nav2 .menu-secondary-menu-container {
    display: table;
    height: 100%;
    position: relative;
    width: 100%;
}
/*****/

.login_wrapper {
    margin: 0 auto;
    padding: 50px 20px;
    width: 85%;
}

.login_title {
    font-size: 23px;
}

/*****/

.sidebar {
    margin-bottom: 35px;
    text-align: center;
    width: 100%;
}

.content {
    width: 100%;
}

/*****/

.content_inner_left {
    margin-bottom: 25px;
    width: 100%;
}

.content_inner_right {
    width: 100%;
}








.arconix-faq-content .content_inner_left {
   width: 100%;
   margin-bottom: 0;
}
.arconix-faq-content .content_inner_right {
   width: 100%;
}
.top_nav2 ul li a {
    font-size: 23px;
}
.close_cat_menu{
     background-position: right center;
    background-repeat: no-repeat;
    cursor: pointer;
    display: block;
    height: 34px;
    position: relative;
    right: 10px;
    text-indent: -999999px;
    vertical-align: middle;
	  top: 17px;
}
}





@media only screen and (min-width: 481px) and (max-width: 640px) {


.woocommerce .u-column1.col-1.login_area {
    width: 100%;
}
#userform h2 {
    font-size: 19px;
}
#fancybox-content > div {
    overflow: hidden !important;
}
#customer_login {
    width: 100%;
}
#userform input.woocommerce-Button {
    width: 100%;
}
body .woocommerce form .form-row label.inline {
    font-size: 15px;
}
p.lost_password a {
    font-size: 14px;
}






.grid_menu span {
    display: none;
}


.top_nav2 {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.9);
    display: none;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 100000;
}
.close_cat_menu {
    background-position: right center;
    background-repeat: no-repeat;
    cursor: pointer;
    display: block;
    height: 34px;
    text-indent: -999999px;
    vertical-align: middle;
}
.top_nav2 .menu-secondary-menu-container ul {
    display: table-cell;
    float: none;
    vertical-align: middle;
}
.mainMenu a, .mainMenu a:visited {
    padding: 0;
}
label.menuTitle {
    margin-top: 0;
    top: 0;
}
label.menuTitle.close {
    margin: 0;
    top: 0;
}
.mainMenu ul.navigation-bar a {
    padding: 13px 0 8px;
    width: 100%;
}
#toggleMenu:checked ~ ul {
    margin-top: 22px;
}
.mainMenu ul.grid_menu a {
    padding-bottom: 9px;
    padding-top: 13px;
}




	
img,iframe,video{
	max-width:100%;
}

.top_nav2 ul li {
    border-bottom: 1px dotted #CCCCCC;
    margin-bottom: 7px;
    padding-bottom: 5px;
    width: 100%;
}
.top_nav2 ul {
    margin-left: 0;
}


.header {
    margin-top: 0;
}
.logo {
	 display: none;
}
.mainMenu {
    border-bottom: 0 none;
    text-align: left;
}

.home_wrapper {
    font-size: 53px;
    margin: 40px auto 0;
    width: 94%;
}

/*****/

.header_wrapper {
    width: 94%;
}

.logo {
    margin-bottom: 10px;
    width: 100%;
}

.header_nav {
    display: block;
    float: left;
    margin: 0;
    width: 100%;
}

.header_nav select {
    background: none repeat scroll 0 0 #f47200;
    border: medium none;
    color: #fff;
    display: block;
    float: left;
    padding: 10px;
    width: 100%;
}

.top_nav {
    display: none;
	width: 100%;
}

.title_sec_wrapper {
    text-align: center;
    width: 94%;
}

.wrapper_wrapper {
    width: 94%;
	 margin-top: 0;
}

.box_sec_mid {
   margin-bottom: 10px;
    margin-left: 1%;
    margin-right: 1%;
    text-align: center;
    width: 48%;
}
.fancybox.image img {
    height: auto;
    width: 100%;
}
.box_sec_circle {
    text-align: center;
}
.top_nav2 ul li a {
     font-size: 23px;
}


/*****/

.title_left {
    width: 100%;
}

.header_nav_new {
	display: block;
	float: left;
	width: 100%;
	margin: 30px 0px 0;
}

.header_nav_new select {
    background: none repeat scroll 0 0 #4c98cb;
    border: medium none;
    color: #fff;
    display: block;
    float: left;
    padding: 10px;
    width: 100%;
}

.top_nav2 {
    display: none;
}

/*****/

.login_wrapper {
    margin: 0 auto;
    padding: 50px 20px;
    width: 85%;
}

.login_title {
    font-size: 23px;
}

/*****/

.sidebar {
    margin-bottom: 35px;
    text-align: center;
    width: 100%;
}

.content {
    width: 100%;
}


/*****/

.content_inner_left {
    margin-bottom: 25px;
    width: 100%;
}

.content_inner_right {
    width: 100%;
}














}



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

.grid_menu span {
    display: none;
}



	.top_nav ul li a:first-child {
    padding-left: 0;
}
img,iframe,video{
	max-width:100%;
	  height: auto;
}
.header {
    margin-top: 10px;
}

.top_nav2 ul li {
     border-bottom: 1px dotted #CCCCCC;
    margin-bottom: 7px;
    margin-left: 1%;
    margin-right: 1%;
    padding-bottom: 5px;
    width: 46%;
}
.top_nav2 ul {
    margin-left: 0;
}

.home_wrapper {
    font-size: 53px;
    margin: 60px auto 0;
    width: 94%;
}

/*****/

.header_wrapper {
    width: 94%;
}

.logo {
    margin-bottom: 10px;
    width: 100%;
}

.top_nav {
    float: right;
    margin: 14px 0 0;
    padding: 0;
    width: 100%;
}

.title_sec_wrapper {
    width: 94%;
}

.wrapper_wrapper {
    width: 94%;
	 margin-top: 0;
}

.box_sec_mid {
    margin-bottom: 10px;
    margin-left: 1%;
    margin-right: 1%;
    text-align: center;
    width: 23%;
}
.wpfp-spans {
    float: left;
    width: 100%;
}
.top_nav ul {
    margin-left: 0;
}
.top_nav ul li a {
    padding: 0 9px;
}

.box_sec_circle {
    text-align: center;
}

/*****/

.title_left {
    width: 100%;
}

.header_nav_new {
	display: block;
	float: left;
	width: 100%;
	margin: 30px 0px 0;
}

.header_nav_new select {
    background: none repeat scroll 0 0 #4c98cb;
    border: medium none;
    color: #fff;
    display: block;
    float: left;
    padding: 10px;
    width: 100%;
}

.top_nav2 {
    display: none;
	width: 100%;
}
.top_nav2 ul li a {
    text-align: center;
}


/*****/

.sidebar {
    width: 25%;
}

.content {
    width: 74%;
}


/*****/

.content_inner_left {
    margin-bottom: 25px;
    width: 100%;
}

.content_inner_right {
    width: 100%;
}















}




@media only screen and (min-width: 768px) and (max-width: 990px) {
.top_nav ul li a:first-child {
    padding-left: 0;
}
.top_nav2 ul {
    float: right;
    margin-left: 10px;
}
.logo a {
    font-size: 27px;
}
.content_page_block .content_inner_left {
    width: 48%;
}
.content_page_block .content_inner_right {
    float: right;
    width: 48%;
}
	

img,iframe,video{
	max-width:100%;
	 height: auto;
}
.wrapper_wrapper {
    width: 94%;
}
.fancybox.image img {
    height: auto;
    width: 100%;
}
.top_nav ul {
    margin-left: 0;
}
.top_nav ul li a {
    font-size: 14px;
    padding: 0 7px;
}
.top_nav a {
    font-size: 14px;
}

.home_wrapper {
    font-size: 53px;
    margin: 60px auto 0;
    width: 94%;
}


/*****/

.header_wrapper {
    width: 94%;
}

.logo {
    width: 25%;
}

.top_nav ul li a {
    padding: 0 5px;
}

.top_nav {
    float: right;
    margin: 5px 0 0;
    padding: 0;
    width: auto;
}
.title_sec_mid h1 {
    font-size: 13px;
}

.title_sec_wrapper {
    width: 94%;
}

.box_sec_mid {
    margin-right: 1%;
    width: 19%;
}

.box_sec_mid {
    margin-right: 4px;
    width: 16%;
	min-height: 205px;
}

/*****/

.top_nav2 {
    width: 76%;
    margin: 11px 0 0;
}

.title_left {
    width: 20%;
}

.top_nav2 ul li a {
    padding: 0 4px;
}

.top_nav2 ul li {
    font-size: 12px;
}

/*****/

.sidebar {
    width: 25%;
}

.content {
    width: 74%;
}


/*****/

.content_inner_left {
    margin-bottom: 25px;
    width: 100%;
}

.content_inner_right {
    width: 100%;
}











.wpfp-spans {
    float: left;
    width: 100%;
}


.arconix-faq-content .content_inner_left {
    margin-bottom: 0;
}

}




@media only screen and (min-width: 991px) and (max-width: 1110px) {
	.top_nav ul li a:first-child {
    padding-left: 0;
}
.content_page_block .content_inner_left {
    width: 48%;
}
.content_page_block .content_inner_right {
    float: right;
    width: 48%;
}
	
	
img,iframe,video{
	max-width:100%;
	    height: auto;
}
.box_sec_mid {
    margin-right: 1%;
    width: 19%;
}
.wpfp-spans {
    float: left;
    width: 100%;
}

/*****/

.header_wrapper {
    width: 94%;
}

.logo {
   text-align: left;
    width: 25%;
}

.top_nav {
    float: right;
    margin: 14px 0 0;
    padding: 0;
    width: auto;
}

.title_sec_wrapper {
    width: 94%;
}

.wrapper_wrapper {
    width: 94%;
}

.box_sec_mid {
    margin-right: 1%;
    width: 15.8%;
}

/*****/

.top_nav2 {
    width: 76%;
}

.title_left {
    width: 20%;
}

.top_nav2 ul li a {
    padding: 0 9px;
}


/*****/

.sidebar {
    width: 14%;
}

.content {
    width: 85%;
}
}

@media only screen and (min-width: 768px) {
.tax-product_cat .top_nav2 {
    display: block !important;
}
}


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

.mobile_visible{
display: block;
}
.mobile_hidden{
display: none;
}
.content_inner_left p, .content_inner_right p {
    text-align: left;
}		
a.logo_txt {
    font-size: 28px;
}

.header_main {
    position: relative;
}
.wrapper_wrapper {
    margin-top: 0;
    width: 94%;
}
a.scroll_top {
	display: block;
}


}