/********************
  MOBILE MENU
********************/

/* General styles for all menus */
.cbp-spmenu {
	background: #808080;
	position: fixed;
}

.cbp-spmenu h3 {
	color: #afdefa;
	font-size: 1.9em;
	padding: 20px;
	margin: 0;
	font-weight: 300;
	background: #0d77b6;
}

.cbp-spmenu a {
	display: block;
	color: #fff;
	font-size: 1.1em;
	font-weight: 300;
}

.mobile-top li, .mobile-bottom li {
    list-style: none;
    padding: 0 0 8px 20px;
    font-size: 12px;
    text-transform: uppercase;
}


/* Orientation-dependent styles for the content of the menu */

.cbp-spmenu-vertical {
	width: 240px;
	height: 100%;
	top: 0;
	z-index: 1000;
}

.cbp-spmenu-vertical a {
}

.cbp-spmenu-horizontal {
	width: 100%;
	height: 150px;
	left: 0;
	z-index: 1000;
	overflow: hidden;
}

.cbp-spmenu-horizontal h3 {
	height: 100%;
	width: 20%;
	float: left;
}

.cbp-spmenu-horizontal a {
	float: left;
	width: 20%;
	padding: 0.8em;
	border-left: 1px solid #258ecd;
}

/* Vertical menu that slides from the left or right */

.cbp-spmenu-left {
	left: -240px;
}

.cbp-spmenu-right {
	right: -240px;
}

.cbp-spmenu-left.cbp-spmenu-open {
	left: 0px;
}

.cbp-spmenu-right.cbp-spmenu-open {
	right: 0px;
}

/* Horizontal menu that slides from the top or bottom */

.cbp-spmenu-top {
	top: -150px;
}

.cbp-spmenu-bottom {
	bottom: -150px;
}

.cbp-spmenu-top.cbp-spmenu-open {
	top: 0px;
}

.cbp-spmenu-bottom.cbp-spmenu-open {
	bottom: 0px;
}

/* Push classes applied to the body */

.cbp-spmenu-push {
	overflow-x: hidden;
	position: relative;
	left: 0;
}

.cbp-spmenu-push-toright {
	left: 240px;
}

.cbp-spmenu-push-toleft {
	left: -240px;
}

/* Transitions */

.cbp-spmenu,
.cbp-spmenu-push {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

/* Example media queries */

@media screen and (max-width: 55.1875em){

	.cbp-spmenu-horizontal {
		font-size: 75%;
		height: 110px;
	}

	.cbp-spmenu-top {
		top: -110px;
	}

	.cbp-spmenu-bottom {
		bottom: -110px;
	}

}

@media screen and (max-height: 26.375em){

	.cbp-spmenu-vertical {
		font-size: 90%;
		width: 190px;
	}

	.cbp-spmenu-left,
	.cbp-spmenu-push-toleft {
		left: -190px;
	}

	.cbp-spmenu-right {
		right: -190px;
	}

	.cbp-spmenu-push-toright {
		left: 190px;
	}
}

.mobile-toggle {
    background: url('img/sprite.png') no-repeat -175px -79px;
    width: 20px;
    height: 13px;
    border: 0;
    position: absolute;
    top: 23px;
    right: 0px;
    cursor: pointer;
}

.mobile-toggle.active {
    background: url('img/sprite.png') no-repeat -173px -4px;
    width: 22px;
    height: 22px;
}

.mobile-bottom {
    position: absolute;
    left: 0;
    bottom: 20px;
}

.mobile-top {
    margin-top: 20px;
}

/********************
  SCREEN WIDTH: 1680px
********************/

@media only screen and (max-width:1680px) {


.container, #container {
    width: 1350px;
}

.header {
}

.fwp-image {
    width: 68%;
}

.fw-desc {
    padding: 20px;
    width: auto;
}

.fw-text, .box-quote, .box-product {
     height: 601px;
    width: 32%;
}

#section-about-2 .about-image {
    margin-right: 2%;
}

.box-quote, .box-product {
    margin-right: 2%;
    height: 583px;
}

.about-image {
    width: 66%;
}

.about-text {
    width: 32%;
    margin-right: 2%;
    height: 592px;
}

.myaccount-profile {
    width: 37%;
}

.myaccount-order {
    float: right;
    width: 61%;
}

/*  Products */

.woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images {
    width: 820px;
}

}

/********************
  SCREEN WIDTH: 1380px
********************/

@media only screen and (max-width:1380px) {

.container, #container {
    width: 1080px;
}

.fw-desc {
    font-size: 14px;
}

.fw-text h4, .box-hover h4 {
    margin: 30px 0 0;
    font-size: 40px;
}

.fw-text {
    padding: 20px;
}

.fw-text, .box-quote, .box-product {
    height: 482px;
}

.main-quote {
    font-size: 22px;
    width: auto;
}

.box-quote, .box-product {
    height: 468px;
}

.entry-img {
    height: 254px;
}

.entry-item {
    height: 319px;
}

.rmc-img {
    width: 53%;
}

.rmc-name {
    font-size: 24px;
    line-height: 31px;
}

.rmc-details {
    width: 25%;
}

.rmc-total {
    float: left;
    width: 10%;
}

.woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals {
    width: 42%;
}

#wppb-register-user > ul > li, #wppb-edit-user > ul > li, #select_user_to_edit_form {
    width: 48%;
}

#wppb-register-user p.form-submit {
    position: absolute;
    right: auto;
    top: auto;
    left: 0;
    bottom: 0;
    margin: 0;
    width: 100%;
}

#wppb-register-user .form-submit input[type="submit"] {
    margin: 0 auto;
}

#wppb-register-user, #wppb-edit-user {
    padding-bottom: 100px;
}

.woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images {
    width: 540px;
}

.myaccount-profile {
    width: 48%;
}

#select_user_to_edit_form {
    width: 96%;
}

.myaccount-order {
    float: right;
    width: 50%;
}

}


/********************
  SCREEN WIDTH: 1170px
********************/


@media only screen and (max-width:1170px) {

.container, #container {
    width: 980px;
}

.woocommerce .wishlist_table .add_to_cart_button {
    margin-top: 55px;
}

.logo {
    width: auto;
    float: left;
    position: relative;
    top: auto;
    left: auto;
    text-align: left;
}

.logo img {
    margin: 0;
    padding-top: 5px;
    height: 55px;
}

.left-menu {
    float: right;
}

.right-menu > ul > li.show-mobile {
display: block;
}

.left-menu {
display: none;
}

.header {
    padding: 10px 0 10px;
    margin: 0;
}

.right-menu {
    padding-top: 18px;
}

main {
    margin-top: 140px;
}

.fw-text h4, .box-hover h4 {
    margin: 10px 0 0;
    font-size: 32px;
}

.fw-text, .box-quote, .box-product {
    height: 436px;
}

.box-quote, .box-product {
    height: 425px;
}

.page-menu {
    margin-bottom: 60px;
}

.about-text {
    height: 430px;
}

.rmc-img img {
    width: 190px;
}

.woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals {
    width: 44%;
}

.wrap-form-inner {
    width: 750px;
}

.wrap-form-inner h3, .wrap-form-inner h4 {
    margin: 0;
    font-size: 40px;
}

.wrap-form-inner input[type="text"], .wrap-form-inner input[type="email"] {
    margin: 150px 0;
}

}


/********************
  SCREEN WIDTH: 990px
********************/

@media only screen and (max-width:990px) {

.about-col-2 {
    width: auto;
    float: none !important;
}

.logo {
    float: none;
    text-align: center;
}

#wrap-form {
    z-index: 9999;
}

.mobile-toggle {
display: block;
}

.container, #container {
    width: 750px;
}

.header {
    padding: 10px 0 10px;
    margin: 0;
    position: absolute;
    top: 0;
}

main {
    padding-top: 110px;
    margin: 0;
}

.fwp-image {
    width: auto;
    float: none;
}

.fw-text, .box-quote, .box-product {
    height: auto;
    width: auto;
    float: none;
    padding-bottom: 90px;
    margin: 0 0 20px;
}

.fw-desc {
    position: relative;
    bottom: auto;
    left: auto;
    padding: 0;
}

.box-btn {
    padding: 13px 20px;
}

.slash:after, .slash-dark:after {
    right: 24px;
    top: 19px;
}

.main-quote {
    margin-top: 15px;
}

.home .section-wrap {
    margin-bottom: 0;
}

.box-product {
    width: 48.5%;
    float: left;
    margin-right: 2.5%;
    height: 480px;
}

.fw-text.box-product {
    width: auto;
    float: none;
    margin: 0 0 20px;
    height: auto;
}

.right-menu {
display: none;
}

header .container {
position: relative;
}

.fw-text h4, .box-hover h4 {
    margin: 10px 0 10px;
}

.about-text, .about-image {
    height: auto;
    float: none;
    width: auto;
    margin: 0;
}

.about-quote {
    position: relative;
    bottom: auto;
    left: auto;
    padding: 30px 0 0;
}

.entry-item {
    height: 319px;
    width: 30%;
    margin: 0 1.25% 30px 1.25%;
}

.entry-img {
    height: 226px;
}

.entry-text span {
    color: #808080;
    display: block;
}

.entry-text {
    padding: 10px 0 10px;
}

.page-menu {
    margin: 25px 0 40px;
}

.rmc-img img {
    width: 90px;
}

.rmc-img {
    width: 42%;
}

.rmc-details {
    width: 37%;
}

.woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals {
    width: auto;
    float: none;
}

.woocommerce .cart .update-cart {
    float: none !important;
    margin: 0 auto;
    display: block !important;
}

.wrap-form-inner input[type="text"], .wrap-form-inner input[type="email"] {
    margin: 80px 0;
    font-size: 24px;
}

.wrap-form-inner h3, .wrap-form-inner h4 {
    margin: 0;
    font-size: 32px;
}

.rmc-name {
    font-size: 18px;
    line-height: 25px;
}

.login-form .row {
    width: 750px;
}

.login-head {
    margin: 50px 0 20px;
    font-size: 28px;
}

.wrap-login, .wrap-signup {
    min-height: 450px;
    height: auto !important;
    height: 550px;
}

.myaccount-profile {
    width: auto;
    float: none;
}

#wppb-register-user > ul > li, #wppb-edit-user > ul > li, #select_user_to_edit_form {
    width: auto;
    float: none;
}

#wppb-register-user > ul:first-child, #wppb-edit-user > ul:first-child {
    width: auto;
    height: auto;
}

#select_user_to_edit_form select {
    float: none;
}

#wppb-register-user h4, #wppb-edit-user h4 {
    margin: 40px 0 20px;
}

.myaccount-order {
    float: none;
    width: auto;
    margin: 0;
}

#wppb-register-user, #wppb-edit-user {
    padding-bottom: 30px;
    border-bottom: 1px solid #ccc;
    margin-bottom: 40px;
}

#wppb-register-user > ul > li.wppb-woocommerce-customer-billing-address {
    float: none;
    position: relative;
    right: auto;
    top: 0;
}

#wppb-register-user p.form-submit {
    position: relative;
    top: auto;
    left: auto;
    margin-top: 30px;
}

.woocommerce .woocommerce-breadcrumb {
    margin: 40px 0 60px;
}

.woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images {
    width: auto;
    float: none;
    margin-bottom: 60px;
}

.woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary {
    float: none;
width: 440px;
    margin-left: 0;
}

}




/********************
  SCREEN WIDTH: 768px
********************/

@media only screen and (max-width:768px) {

.container, #container {
    width: 470px;
}

.woocommerce .wishlist_table .add_to_cart_button {
    margin: 0 auto;
    display: block !important;
    float: none;
    clear: both;
    width: 150px;
}

.wishlist_table .rmc-details {
    margin-bottom: 20px;
}

.single_variation_wrap.custom-qty .quantity_select {
    margin-right: 30px !important;
}

.postid-344 .var-entry {
    float: none;
    width: auto;
    margin-right: 0;
    margin-bottom: 30px !important;
}

.box-product {
    width: auto;
    float: none;
    margin-right: 0;
    height: auto;
    padding-bottom: 0;
}

.fw-text.box-product {
    padding-bottom: 65px;
}

.item-cat .inner-pages {
    width: auto;
    margin: 0 auto;
}

.entry-item {
 height: 293px;
    width: 47%;
    margin: 0 1.5% 30px 1.5%;
}

.entry-img {
    height: 221px;
}

#section-contact .inner-content {
    width: auto;
}

.inner-contact {
    padding: 0;
}

#section-contact .inner-contact p {
    margin: 40px 0;
}

.rmc-img img {
    width: 87%;
    display: block;
    margin: 0 0 10px;
    float: none;
}

.rmc-name {
    font-size: 16px;
    word-spacing: normal;
}

.woocommerce #ross-cart a.remove {
    right: -15px;
}

.wrap-form-inner {
    width: 90%;
    padding-top: 160px;
}

.wrap-form-inner h3, .wrap-form-inner h4 {
    margin: 0;
    font-size: 24px;
}

.wrap-form-inner input[type="text"], .wrap-form-inner input[type="email"] {
    margin: 60px 0;
font-size: 18px;
}

.wrap-login, .wrap-signup {
    width: 90%;
    float: none;
    margin: 0 auto 10px;
    min-height: 0;
    height: auto !important;
    height: 0;
    padding: 0 0 20px;
}

.login-form .row {
    width: auto;
    margin-top: 90px;
}

.login-head {
    margin: 0;
    padding: 20px 0 20px;
    font-size: 24px;
}

.wrap-login input[type="text"], .wrap-login input[type="password"], .wrap-login input[type="email"] {
    width: 280px;
    height: 35px;
}

.wrap-signup a {
    margin: 0;
}

.close-form {
    top: 25px;
}

.login-form .row {
    margin-top: 68px;
}

#rm-tabs .panel {
    width: auto;
}

.woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary {
    width: auto;
}

.woocommerce div.product form.cart .button {
    left: 145px;
}

.scrollToTop {
    top: auto;
    bottom: 70px;
}

.page-menu #menu-legal-pages {
    width: auto;
}

}



/********************
  SCREEN WIDTH: 480px
********************/

@media only screen and (max-width: 480px) {

.container, #container {
    width: 90%;
}

.single_variation_wrap.custom-qty.solo-product .quantity_select {
    float: none !important;
}

.woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary {
    position: relative;
}

.postid-344.woocommerce div.product form.cart .variations {
    width: auto;
    float: none;
}

.wrap-share {
    margin-top: 150px;
}

.entry-item {
    height: 400px;
    width: 300px;
    margin: 0;
}

.entry-img {
    height: 295px;
}

.about-quote br, #section-contact .inner-contact p br {
display: none;
}

.about-quote.slash:after, .about-quote.slash-dark:after {
    right: -12px;
}

.rmc-img {
    width: 35%;
}

.rmc-img img {
    width: 75px;
}

.rmc-details {
    width: 43%;
}

.rmc-quantity {
    margin-bottom: 30px;
}

.rmc-total {
    float: left;
    width: 10%;
    padding-top: 49px;
}

.woocommerce .cart .update-cart, .wc-proceed-to-checkout a {
    margin-bottom: 15px;
}

.page-menu li:after {
    padding: 0 5px;
    font-size: 13px;
}

#rm-tabs .tabs {
text-align: center;
    height: auto;
}

#rm-tabs .tabs .active a {
    color: #000;
    border-bottom: 0;
}

#rm-tabs .tabs a, #rm-tabs .tabs .active a {
    border-bottom: 1px dashed #ccc;
    padding: 6px 0;
}

#rm-tabs .tabs li {
    float: none;
}

.single_variation_wrap.custom-qty {
    float: none;
    position: relative;
}

.single_variation_wrap.custom-qty .quantity_select {
    margin: 0 0 30px !Important;
}

.woocommerce div.product form.cart .solo-product .button {
    bottom: -157px;
}

.var-entry {
    margin: 0 !important;
    width: auto;
}

.variations_button {
position: relative;
}

.woocommerce div.product form.cart .button {
    bottom: -261px;
    left: 0;
    margin-left: 0;
}
.postid-344.woocommerce div.product form.cart .button {
    bottom: -394px;
}

.postid-344.woocommerce .link-checkout {
    bottom: 92px;
}

div.product div.yith-wcwl-add-button a.add_to_wishlist {
    margin-top: 10px;
}

.link-checkout {
    width: 132px;
    height: 41px;
    padding: 12px 0 0;
    display: block;
    float: none;
    position: absolute;
    left: 0;
    bottom: 92px;
}

#wppb-register-user > ul > li label, #wppb-edit-user > ul > li label, #select_user_to_edit_form {
display: block;
}


#wppb-register-user > ul > li, #wppb-edit-user > ul > li, #select_user_to_edit_form {
    width: auto;
    float: none;
    text-align: center;
}

#wppb-register-user input[type="text"], #wppb-register-user input[type="password"], #wppb-register-user input[type="email"], #wppb-register-user select, #wppb-register-user textarea, #wppb-edit-user input[type="text"], #wppb-edit-user input[type="password"], #wppb-edit-user input[type="email"], #wppb-edit-user select, #wppb-edit-user textarea, #select_user_to_edit_form select {
display: block;
float: none;
margin: 0 auto;
}

#wppb-register-user .wppb-default-username:before {
    width: 100%;
}


}















